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

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

974 members

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

08:13:17 ДП
User 291325765
Всем привет! Никто не писал плагины для webpack ? Как вебпеку сказать что бы следил не только за изменениями is и css но и за изменениями других файлов например ?
08:20:41 ДП
User 212795634
User 291325765
Всем привет! Никто не писал плагины для webpack ? Как вебпеку сказать что бы следил не только за изменениями is и css но и за изменениями других файлов например ?
вебпак или дев сервер?
08:20:52 ДП
User 212795634
вообще не стоит в сам вебпак такое пихать
08:21:03 ДП
User 212795634
девсервер может watchContentBase
08:21:25 ДП
User 212795634
если мидлвару юзаешь то chokidar и browserSync
08:26:58 ДП
User 291325765
Ну да девсервер,
08:27:34 ДП
User 291325765
у меня есть некая структура страниц 

/ index
 - index.js
 - index.css
 - index.jade
08:27:56 ДП
User 291325765
я написал плагинчик который мне просто транспилит jade в html
08:28:07 ДП
User 291325765
но он это делает по хуку done
08:28:21 ДП
User 291325765
и оно происходит собственно 1 раз
08:28:39 ДП
User 291325765
и если я поменял jade file то мне нужно перезапустить сборку
08:29:24 ДП
User 291325765
как я могу это сделать ?
08:29:25 ДП
08:29:38 ДП
User 212795634
вроде он давно поддерживает любые файлы в качестве entry
08:29:46 ДП
User 212795634
и соответствующий лоадер нужен
08:30:25 ДП
User 291325765
у меня jade не импортирован в index.js
08:30:33 ДП
User 291325765
то есть тут лоадер не нужен
08:30:36 ДП
User 212795634
User 291325765
у меня jade не импортирован в index.js
еще раз прочитай)
08:30:44 ДП
08:30:44 ДП
User 212795634
вроде он давно поддерживает любые файлы в качестве entry
08:31:24 ДП
User 291325765
тоесть я могу казать в качестве точки входа jade file ?
08:31:27 ДП
User 212795634
entry: {
  shablon: 'shablon.jade',
  main: 'main.js',
}
08:31:38 ДП
User 212795634
ну с сассом работает, на 99% уверен что с жаде тоже
08:31:54 ДП
User 291325765
а как мне потом в jade передать данные ?
08:32:04 ДП
User 212795634
User 291325765
а как мне потом в jade передать данные ?
какие?
08:32:45 ДП
User 291325765
у меня есть например файлик с продуктами и разными атрибутами у продуктов, и мне нужно отрисовать 10 видов продуктов на страницу
08:32:58 ДП
User 291325765
просто копировать код это тупо 🙁
08:33:00 ДП
User 212795634
а щас откуда берешь?
08:33:04 ДП
User 291325765
люблю юзать for
08:33:19 ДП
User 291325765
сейчас я сам компилирую jade шаблоны
08:33:32 ДП
User 212795634
это сделает лоадер
08:33:49 ДП
User 212795634
у джейда должны быть какие-то импорты свои
08:34:34 ДП
User 291325765
да ты прав лоадер может это сделать
08:47:14 ДП
User 291325765
чет как  то оно не может прокинуть данные в шаблончик
08:47:27 ДП
User 212795634
как прокидываешь?
08:53:38 ДП
User 291325765
все с данными все ок, трабла с резолвом путей походу
08:53:49 ДП
User 291325765
ERROR in ./src/pages/index/index.pug
Module not found: Error: Can't resolve '../../frontend/web/images/logo.svg'
08:54:17 ДП
User 147771380
Svg-loader
08:56:02 ДП
User 291325765
не все и так номр, просто сделал сразу правильный путь
08:57:11 ДП
User 147771380
Кстати, да, с лоадером другая ошибка
08:57:53 ДП
User 291325765
только вот что мне не понятно,  в режиме watch, у меня как бы сгенерировался файл и он хранится в памяти, так вот как мне его увидеть то ?
08:58:06 ДП
User 212795634
он сервится же
08:58:18 ДП
User 291325765
Time: 568ms
    Asset     Size  Chunks             Chunk Names
 index.js  56.2 kB       0  [emitted]  index
common.js  13.7 kB       1  [emitted]  common
   [0] ./src/pages/index/index.pug 21 kB {0} [built]
webpack: Compiled successfully.
08:58:49 ДП
User 212795634
User 291325765
Time: 568ms
    Asset     Size  Chunks             Chunk Names
 index.js  56.2 kB       0  [emitted]  index
common.js  13.7 kB       1  [emitted]  common
   [0] ./src/pages/index/index.pug 21 kB {0} [built]
webpack: Compiled successfully.
в output что?
08:59:00 ДП
User 291325765
output: {
    filename: fileNamePatern + '.js',
    pathinfo: true,
    path: join(__dirname, '../../dist/wc/dev/'),
    publicPath: '/',
  },
08:59:13 ДП
User 212795634
а в паттерне?)
08:59:21 ДП
User 212795634
так лол
08:59:27 ДП
User 212795634
там не надо js писать
08:59:30 ДП
User 212795634
вроде
08:59:32 ДП
09:00:05 ДП
User 291325765
const fileNamePatern = '[name]'
09:00:33 ДП
User 212795634
по моему еще надо extractText plugin заюзать
09:02:23 ДП
User 291325765
едвали
09:02:35 ДП
User 291325765
мне же не нужно из него ничего экстрактить
09:02:48 ДП
User 212795634
джейд
09:09:25 ДП
User 112715267
User 212795634
джейд
Друид
09:33:01 ДП
User 291325765
чет я как то не пойму как подружить ExtractTextPlugin, что бы эекстрактил css и html
09:33:48 ДП
09:33:51 ДП
User 291325765
делаю вот так
09:34:21 ДП
User 291325765
и собственно ExtractTextPlugin
09:34:27 ДП
09:34:48 ДП
User 241411380
кто может помочь с DllPlugin?  похоже, не могу разрулить контекст и при сборке проекта скомпилированная либа не подхватывается
09:35:59 ДП
User 321906623
User 291325765
чет я как то не пойму как подружить ExtractTextPlugin, что бы эекстрактил css и html
https://github.com/IgorFilippov3/wast/blob/master/webpack.config.js Не знаю поможет ли, но на всякий случай кину
github.com/IgorFilippov3/wast/blob/master/webpack.config.js
Contribute to wast development by creating an account on GitHub.
09:38:06 ДП
User 188118870
Ребятки, привет.

Компилю jquery.validate и custom.js (настройки валидации) - 
через webpack.

После сборки в браузере ошибка, что функция не существует (validate undefined function)
09:38:33 ДП
User 188118870
Я так понимаю, нужно либу подключать еще каким-то образом?
12:32:53 ПП
User 291325765
User 321906623
https://github.com/IgorFilippov3/wast/blob/master/webpack.config.js Не знаю поможет ли, но на всякий случай кину
github.com/IgorFilippov3/wast/blob/master/webpack.config.js
Contribute to wast development by creating an account on GitHub.
пасиб, но я вроде разобрался
12:33:18 ПП
User 291325765
User 188118870
Я так понимаю, нужно либу подключать еще каким-то образом?
можно либу прокинуть как глобальную
12:33:28 ПП
User 291325765
new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery',
    }),
12:33:39 ПП
User 188118870
User 291325765
можно либу прокинуть как глобальную
да! Спасибо!
12:34:07 ПП
User 291325765
первое это указатель который юзать в коде, второе это название npm модуля
02:50:35 ПП
User 291325765
Подскажите как отключить вывод вот такой информации если это не ошибка ?

+ 1 hidden module
Child extract-text-webpack-plugin ../node_modules/extract-text-webpack-plugin/dist ../node_modules/css-loader/index.js??ref--2-2!../node_modules/postcss-loader/lib/index.js??ref--2-3!../node_modules/stylus-loader/index.js??ref--2-4!pages/index/styles.styl:
       [0] ../node_modules/css-loader?{"sourceMap":true}!../node_modules/postcss-loader/lib?{"sourceMap":true}!../node_modules/stylus-loader?{"sourceMap":true}!./pages/index/styles.styl 33.5 kB {0} [built]
02:52:33 ПП
User 212795634
User 291325765
Подскажите как отключить вывод вот такой информации если это не ошибка ?

+ 1 hidden module
Child extract-text-webpack-plugin ../node_modules/extract-text-webpack-plugin/dist ../node_modules/css-loader/index.js??ref--2-2!../node_modules/postcss-loader/lib/index.js??ref--2-3!../node_modules/stylus-loader/index.js??ref--2-4!pages/index/styles.styl:
       [0] ../node_modules/css-loader?{"sourceMap":true}!../node_modules/postcss-loader/lib?{"sourceMap":true}!../node_modules/stylus-loader?{"sourceMap":true}!./pages/index/styles.styl 33.5 kB {0} [built]
stats же, не помню куда конкретно
02:52:51 ПП
User 291325765
stats: {
    errors: true,
    
    errorDetails: true,
   
    hash: true,
    
    performance: true,
    
    providedExports: false,
    
    publicPath: false,
   
    source: true,
    
    timings: true,
   
    version: true,
    
    warnings: true
  }
02:53:04 ПП
User 291325765
я попробовал запилить но видимо плагин на это не смотрит 🙁
02:53:24 ПП
User 212795634
User 291325765
я попробовал запилить но видимо плагин на это не смотрит 🙁
дев сервер?
02:53:38 ПП
02:53:50 ПП
User 212795634
хз тогда
02:53:53 ПП
User 291325765
"build": "babel-node ./node_modules/.bin/webpack --config conf/webpack.build.js",
02:54:17 ПП
User 291325765
я просто передаю в jade шаблончик дохера данных, и изза этого я вижу вот такое гавно
02:54:41 ПП
02:54:47 ПП
User 291325765
и искать ошибки просто ад
02:55:09 ПП
User 212795634
User 291325765
"build": "babel-node ./node_modules/.bin/webpack --config conf/webpack.build.js",
кстати можешь не запускать бабел-нод, а переименовать конфиг в webpack.build.babel.js
02:55:28 ПП
User 291325765
да я в курсе, не помню почему это сделал
02:55:34 ПП
User 291325765
надо попправить
02:56:13 ПП
User 212795634
дока говорит что обжект stats лежит в корне конфига
02:59:11 ПП
User 291325765
ну да, все верно туда и сую
03:54:38 ПП
User 291325765
покажите кто нибудь конфиг для uglifyjs-webpack-plugin ?
03:54:47 ПП
User 291325765
непойму как вырезать комменты
03:55:10 ПП
User 291325765
сунул конфиг как в доке но все равно вижу
03:55:28 ПП
04:26:36 ПП
User 212795634
User 291325765
Аглифай
04:29:30 ПП
User 291325765
Он самый но почему то не жмёт
04:29:59 ПП
User 291325765
Комментарии
04:34:36 ПП
User 212795634
Опции наверное
05:52:24 ПП
User 291325765
Может конечно не верно понимаю
05:52:52 ПП
User 291325765
И это служебная информация вебпака ?