@webpack_ru
Webpack — русскоговорящее сообщество

Обсуждения webpack, лоадеров, плагинов и сборок Правила: http://bit.ly/our_etiquette См. также: @rollup_ru, @react_js, @vscode_ru, @macos_ru, @js_ru

974 members

Архив канала @webpack_ru 17 марта 2017 г.

07:53:46 ДП
User 152816933
Ребят, пардон за оффтоп, а можно в babel-cli выставить опции для пресета ? Че т я в упор не вижу.
07:54:55 ДП
User 177916640
--presets es2015 может
07:55:30 ДП
User 32530886
User 177916640
--presets es2015 может
опции имеются ввиду presets: [ ["es2015", {"modules": false}] ]
07:55:49 ДП
User 152816933
User 32530886
опции имеются ввиду presets: [ ["es2015", {"modules": false}] ]
Именно
07:56:06 ДП
User 177916640
Для коммандной строки же нужно?
07:56:22 ДП
07:56:30 ДП
07:57:15 ДП
User 177916640
https://babeljs.io/docs/usage/cli/#babel-using-presets
babeljs.io/docs/usage/cli
The compiler for writing next generation JavaScript
07:57:45 ДП
User 152816933
User 177916640
https://babeljs.io/docs/usage/cli/#babel-using-presets
babeljs.io/docs/usage/cli
The compiler for writing next generation JavaScript
А про опции пресетов там где?
07:57:48 ДП
User 32530886
*facepalm*
07:57:52 ДП
User 32530886
короче из CLI никак
07:58:11 ДП
User 177916640
Аа.  Ключевое слово опции
07:58:35 ДП
User 152816933
Ну лан, запилю тогда конфиг. Спасибо.
08:00:16 ДП
User 177916640
https://babeljs.io/docs/usage/api/#options
babeljs.io/docs/usage/api
The compiler for writing next generation JavaScript
08:00:37 ДП
User 177916640
Вот. Опции можно передать как переменные
08:01:05 ДП
User 177916640
Гля presets в таблице
08:01:39 ДП
08:01:50 ДП
User 32530886
опции для Пресета не передать
08:05:32 ДП
User 177916640
User 32530886
опции для Пресета не передать
К сожклению проверить не могу.  Возможно и не передать. Но выглядит будто бы можно прям в виде жс объекта задать пресет
08:06:34 ДП
User 32530886
там вообще необходимо массив передать
08:36:57 ДП
User 177916640
угу поглядел в кишки.
там строка после  опции пресет передаётся вот в такую функцию
https://i.imgur.com/A2ZPGyn.png
i.imgur.com/A2ZPGyn.png
08:37:08 ДП
User 177916640
ничего не получится короч )
09:18:03 ДП
User 32530886
ну вот и выяснили)))
не поленился ты залеть в кишочки вебпака
09:18:22 ДП
User 177916640
бабеля же
09:34:19 ДП
User 32530886
оу, точно
05:59:05 ПП
User 63995685
Ребят, есть вопрос
есть такая штука в конфигах dev сервера для Webpack 
When using the HTML5 History API, the index.html page will likely have be served in place of any 404 responses. Enable this by passing:

historyApiFallback: true

By passing an object this behavior can be controlled further using options like rewrites:

historyApiFallback: {
  rewrites: [
    { from: /^\/$/, to: '/views/landing.html' },
    { from: /^\/subpage/, to: '/views/subpage.html' },
    { from: /./, to: '/views/404.html' }
  ]
}
Для чего мне в dev сборке это может понадобится?
06:36:41 ПП
User 273506702
User 52321317
А мы вот переехали на второй вебпак
А мы тоже
vendor подсох на 8%
app увеличился на ~0.7%
время продакш билда увеличилось на 10%.
И дев билд стал значительно дольше. Субъективное ощущение, может, просто проект разросся. У всех всё хорошо с перформансом? Может, где-то в конфиге можно задать speed?
06:39:36 ПП
User 32530886
User 273506702
А мы тоже
vendor подсох на 8%
app увеличился на ~0.7%
время продакш билда увеличилось на 10%.
И дев билд стал значительно дольше. Субъективное ощущение, может, просто проект разросся. У всех всё хорошо с перформансом? Может, где-то в конфиге можно задать speed?
У меня быстрее стало
08:47:43 ПП
User 187710551
Всем привет, такой вопрос есть ли плагин для webpack или babel который импортируемый модуль может вызвать и вернуть результат выполнения в экспорт?
08:50:25 ПП
User 63995685
на счет этого не знаю, однако вот нашел
https://github.com/webpack/docs/wiki/list-of-plugins

может среди них найдешь что нужно
github.com/webpack/docs/wiki/list-of-plugins
docs - [OLD] documentation for webpack
08:53:28 ПП
User 32530886
User 187710551
Всем привет, такой вопрос есть ли плагин для webpack или babel который импортируемый модуль может вызвать и вернуть результат выполнения в экспорт?
Так вебпак это и делает
08:57:19 ПП
User 187710551
User 32530886
Так вебпак это и делает
Видимо не совсем понятно написал
Нужно сделать так
import foo from './foo'
Модуль foo экспортирует объект
Который который проходит через обработчики
Так вот эти обработчики должны выполниться и объект полученный в результате попасть в код после трансформа
09:00:30 ПП
User 187710551
На входе имеем
const foo = {
   a: true,
};

transform(obj) {
   obj.a = false;
}

transofrm(foo);

export default foo;
В коде бандала мы должны получить просто объект
exports.default = {
  a: false;
}
09:02:41 ПП
User 32530886
export default transform(Foo)
09:02:59 ПП
User 32530886
Создай промежуточный модуль
09:07:21 ПП
User 177916640
User 63995685
Ребят, есть вопрос
есть такая штука в конфигах dev сервера для Webpack 
When using the HTML5 History API, the index.html page will likely have be served in place of any 404 responses. Enable this by passing:

historyApiFallback: true

By passing an object this behavior can be controlled further using options like rewrites:

historyApiFallback: {
  rewrites: [
    { from: /^\/$/, to: '/views/landing.html' },
    { from: /^\/subpage/, to: '/views/subpage.html' },
    { from: /./, to: '/views/404.html' }
  ]
}
Для чего мне в dev сборке это может понадобится?
Это нужно когда у тебя роутер на клиенте имеет урлы при обращении к которым дев-сервер выдаст 404. 

Если включишь  хисториапи то сервер не будет 404 отдавать а выдаст контент из корня
09:08:18 ПП
User 63995685
это я понимаю, однако зачем мне может понадобится rewrites?
09:10:01 ПП
User 63995685
я могу на отдельную 404 страницу ссылать запросы эти
но я могу это делать прям в приложении
09:10:10 ПП
User 63995685
или это не верная практика?