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

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

974 members

Архив канала @webpack_ru 12 февраля 2018 г.

07:30:54 ДП
User 120165225
Ребята помогите

У меня на продакшене всеравно генерируется код
var r=n[i]={i,l:!1,exports:{}};
которую IE отказывается понимать
самое странное что в DEV mode все работает
где примерно копать?
present-env
07:33:51 ДП
User 39232169
ну плагин вроде вот этот - https://babeljs.io/docs/plugins/transform-es2015-shorthand-properties/
babeljs.io/docs/plugins/transform-es2015-shorthand-properties
The compiler for writing next generation JavaScript
07:34:04 ДП
User 39232169
может browserslist неправильно настроен
07:34:35 ДП
User 39232169
а, хотя этот код же вебпак генерит, после бабеля уже
07:56:58 ДП
User 120165225
User 39232169
ну плагин вроде вот этот - https://babeljs.io/docs/plugins/transform-es2015-shorthand-properties/
babeljs.io/docs/plugins/transform-es2015-shorthand-properties
The compiler for writing next generation JavaScript
может быть
получается что каждый плагин так вручную надо подключать по случаю?
07:57:30 ДП
User 120165225
presets-env не включает в себя?
08:01:57 ДП
User 39232169
четсно говоря хз, этот код генерирует вебпак, по идее уже ПОСЛЕ бабеля, так что странно.
08:04:30 ДП
User 120165225
User 39232169
четсно говоря хз, этот код генерирует вебпак, по идее уже ПОСЛЕ бабеля, так что странно.
а пок акой причине он может так генерировать?
09:36:07 ДП
User 207638731
Ребята, как запускать webpack на своем сервере? Подробнее. 

У вебпак есть devServer. Когда запускаем режим разработки, то мы поднимаем автоматом сервер, где отображается наш сайт. Вот. Как настроить так, чтоб когда запускаем сборщик, чтоб она запускалась на моем сервере, которая написан на ноде
09:37:08 ДП
User 134905826
User 207638731
Ребята, как запускать webpack на своем сервере? Подробнее. 

У вебпак есть devServer. Когда запускаем режим разработки, то мы поднимаем автоматом сервер, где отображается наш сайт. Вот. Как настроить так, чтоб когда запускаем сборщик, чтоб она запускалась на моем сервере, которая написан на ноде
либо watch mode либо проксировать
09:37:38 ДП
User 207638731
User 134905826
либо watch mode либо проксировать
не хочется проксировать.
10:18:38 ДП
User 291325765
Проксировать нормальное решение ;)
10:54:48 ДП
User 326863495
Ребят, какой лоадер использовать для загрузки svg файла и использования его в react компоненте?
10:55:01 ДП
User 326863495
Попробовал с file-loader, но файл не виден на серве
10:56:05 ДП
User 326863495
User 207638731
Ребята, как запускать webpack на своем сервере? Подробнее. 

У вебпак есть devServer. Когда запускаем режим разработки, то мы поднимаем автоматом сервер, где отображается наш сайт. Вот. Как настроить так, чтоб когда запускаем сборщик, чтоб она запускалась на моем сервере, которая написан на ноде
webpack-dev-server
про это?
10:57:08 ДП
User 207638731
User 326863495
webpack-dev-server
про это?
точнее  про это наверное https://github.com/chimurai/http-proxy-middleware#options
github.com/chimurai/http-proxy-middleware
:zap: The one-liner node.js http-proxy middleware for connect, express and browser-sync - chimurai/http-proxy-middleware
10:58:33 ДП
User 326863495
User 207638731
точнее  про это наверное https://github.com/chimurai/http-proxy-middleware#options
github.com/chimurai/http-proxy-middleware
:zap: The one-liner node.js http-proxy middleware for connect, express and browser-sync - chimurai/http-proxy-middleware
А сори, не увидел в конце, что серв на ноде
10:59:04 ДП
User 207638731
User 326863495
А сори, не увидел в конце, что серв на ноде
C http-proxy-middleware можно сделать такое, да?
11:02:11 ДП
User 326863495
User 207638731
C http-proxy-middleware можно сделать такое, да?
Думаю да, но я так не заморачивался обычно)
Я для dev серва использую стандартный webpack-dev-server))
Для прода свой node в докере)
11:03:29 ДП
User 326863495
User 207638731
C http-proxy-middleware можно сделать такое, да?
И для проксирования nginx подойдёт)
11:05:28 ДП
User 207638731
User 326863495
И для проксирования nginx подойдёт)
ясно) попробую, напишу
11:13:29 ДП
User 55943427
User 326863495
Попробовал с file-loader, но файл не виден на серве
мы юзаем svgo-loader. Он заодно и говно всякое чистит из свгшек
11:24:50 ДП
User 326863495
User 55943427
мы юзаем svgo-loader. Он заодно и говно всякое чистит из свгшек
Спасибо, сейчас попробую
11:32:05 ДП
User 159499863
Всем привет. Очень глупый вопрос. В проекте есть videogular, чтоб videogular поддерживал hls, надо добавить hls.js. Т.к явно hls нигде в коде не вызывается, то файл не попадает в бандл (из-за tree shaking?). Если делать через require, то тоже результата нет. 
Как заставить webpack собирать еще и hls.js?
11:39:55 ДП
User 134905826
User 159499863
Всем привет. Очень глупый вопрос. В проекте есть videogular, чтоб videogular поддерживал hls, надо добавить hls.js. Т.к явно hls нигде в коде не вызывается, то файл не попадает в бандл (из-за tree shaking?). Если делать через require, то тоже результата нет. 
Как заставить webpack собирать еще и hls.js?
вызови Hls явно гденить
11:41:39 ДП
User 159499863
User 134905826
вызови Hls явно гденить
Это костыльно, не?
11:42:12 ДП
User 134905826
User 159499863
Это костыльно, не?
по мне нормально
12:20:48 ПП
User 210722170
ребят как грамотно подключить модудули к jquery ready? то есть:
я импортирую много модулей через import и хочу их в $(document).ready(function() { // Init... });

как бы я могу сделать список импортов в переменные и потом эти переменные еще и сюда писать : $(document).ready(function() { // vars }); что и напрягает, сначала импортировать а потом все переменные в функцию...
12:22:05 ПП
User 210722170
видел в теме sage для wordpress, есть класс роутер, так он там модули собирает и инициализируюет в $(document).ready(function() { // route... }); как-то так, но хотелось бы узнать ваше мнение
01:19:37 ПП
User 326863495
В папку assets кидается папка fonts с шрифтами, но папка images не собирается, где лежат изображения
В чём косяк?
Использую webpack 3
01:24:33 ПП
User 1040677
User 326863495
В папку assets кидается папка fonts с шрифтами, но папка images не собирается, где лежат изображения
В чём косяк?
Использую webpack 3
А ты делаешь require изображений?
01:25:20 ПП
01:27:02 ПП
User 1040677
User 326863495
ага
Тогда очень странно🤔
01:27:04 ПП
User 1040677
Ошибок нет?
01:29:56 ПП
User 326863495
User 1040677
Ошибок нет?
в консоли нет
он просто не собирает папку с изображениями
01:34:57 ПП
User 326863495
в итоге указал include: path.join(__dirname, 'src'), и заработало))
01:43:12 ПП
User 1040677
User 326863495
в итоге указал include: path.join(__dirname, 'src'), и заработало))
Странно что помогло это 🤔
01:43:35 ПП
User 448880090
User 326863495
в итоге указал include: path.join(__dirname, 'src'), и заработало))
root указан?
01:49:15 ПП
User 326863495
User 1040677
Странно что помогло это 🤔
Короче я это сейчас убрал и попробовал просто через scss сделать. В итоге всё собралось. 
Потом я решил вернуть и добавить svg через import. Пересобрал и добавли src={logo}
01:49:26 ПП
User 326863495
но на сервере всё равно ничего не отображается
01:51:01 ПП
User 326863495
хотя эта svg собирается, но в network не грузится