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

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

974 members

Архив канала @webpack_ru 9 июня 2017 г.

10:00:50 ДП
User 5379815
всем привет. никто не знает, можно ли научить webpack сканировать nodejs вьюхи (multi page app) на наличие ассетов (картинок) и включение их в бандл для дальнейшей обработки file-loader-ом?
10:03:47 ДП
User 626100
А как запустить postcss-loader на втором вебпаке?
10:03:51 ДП
User 626100
Пиздец никакого апгрейд гайда
10:05:59 ДП
User 5379815
test: /\.less$/,
use: ExtractTextPlugin.extract({
  fallback: 'style-loader',
  use: [
    'css-loader',
    {
      loader: 'postcss-loader',
      options: {
        plugins() {
          return [
            autoprefixer({
              browsers: ['last 2 versions']
            })
          ]
        }
      }
    },
    'less-loader'
  ]
})
11:03:05 ДП
11:03:14 ДП
User 626100
Бля, билд не проходит с extracttextplugin
11:03:24 ДП
User 626100
При этом в деве без него ок
11:03:39 ДП
11:03:46 ДП
11:04:26 ДП
User 32530886
User 626100
мб plugins: postcssPlugins ?
11:04:27 ДП
11:35:16 ДП
User 626100
User 32530886
мб plugins: postcssPlugins ?
Щас попробую, но в деве-то именно через функцию
11:35:21 ДП
User 626100
(тоже хз почему)
11:35:43 ДП
User 32530886
ошибка какая-то странная
11:35:53 ДП
User 32530886
мб лоадер древний?
11:36:29 ДП
User 626100
User 626100
Щас попробую, но в деве-то именно через функцию
!
11:36:31 ДП
User 626100
В деве же работает
11:36:46 ДП
User 626100
extract-text-webpack-plugin тоже последний
11:37:20 ДП
User 351146
User 626100
Пиздец никакого апгрейд гайда
есть же гайд, сам по нему обновлял
11:37:22 ДП
User 23384802
А postcss.config.js есть?
11:37:58 ДП
User 626100
User 32530886
мб plugins: postcssPlugins ?
Заработало
11:38:00 ДП
User 23384802
У меня без него при переезде не завелось. Вроде обязателен стал, хотя могу путать
11:38:01 ДП
User 626100
Что за поебень вообще
11:38:15 ДП
User 351146
https://webpack.js.org/guides/migrating/
11:38:45 ДП
User 32530886
User 626100
Заработало
лол. ни разу функцию не вставлял туда
он видимо эту функцию воспринимает как плагин
11:38:45 ДП
User 626100
Я про постцсс
11:38:49 ДП
User 626100
Всё остальное хорошо заработало
11:39:33 ДП
User 626100
Да сука
11:40:00 ДП
User 626100
Теперь ошибка в бандлджс ушла
11:40:01 ДП
11:40:23 ДП
User 67164223
User 626100
Да сука
аххаха, на русском в адресной строке
11:40:33 ДП
User 67164223
и на курсе своем ты также учишь?)
11:40:38 ДП
User 626100
Отъебись
11:40:57 ДП
User 23384802
User 67164223
и на курсе своем ты также учишь?)
seo же
11:41:25 ДП
User 23384802
норм практика так то
11:41:27 ДП
User 23384802
сразу видно ньюфага)
11:41:55 ДП
User 626100
Интересно, что цсс частично нормально собрался
11:42:27 ДП
User 23384802
грид не собрался. У тебя там бутстрап? Может он не попал
11:43:17 ДП
User 626100
Не в гриде дело
11:43:35 ДП
11:44:41 ДП
User 626100
Короче часть файлов не собралось потому что та ошибка postcss of null
11:45:44 ДП
User 626100
User 32530886
мб plugins: postcssPlugins ?
Короче не помогло, просто ошибку в бандл.джс увело вместо сборки
11:46:31 ДП
User 23384802
please check postcss-loader docs. You need to put plugins into separated postcss.config.js config.
11:46:36 ДП
User 23384802
Вот, тоже самое пишут, что у меня было
11:46:49 ДП
User 23384802
Хотя не факт, что тут такая же проблема
11:48:22 ДП
User 626100
https://github.com/postcss/postcss-loader#plugins
github.com/postcss/postcss-loader
PostCSS loader for webpack. Contribute to postcss/postcss-loader development by creating an account on GitHub.
11:48:54 ДП
User 178689889
было такое на первом вебпаке, помог вынос в файл конфига
11:49:01 ДП
User 626100
а тут уже не функцией
11:49:03 ДП
User 626100
Пиздец
11:49:34 ДП
User 23384802
кстати да, странно, что про вынос в файл нифига не написао. Я тоже нашел через issue
11:49:56 ДП
User 23384802
а не, теперь написано
11:50:36 ДП
11:51:09 ДП
User 626100
Выносил, кстати
11:51:40 ДП
User 178689889
как обычно проблема будет в какой-нибудь маленькой неочевидной херне
11:52:41 ДП
User 626100
Щас попробую ещё раз, хули
11:56:18 ДП
User 626100
Заработало
11:56:23 ДП
User 626100
(сука как я это всё ненавижу)
11:56:50 ДП
11:57:06 ДП
User 178689889
Или тут нельзя стикеры?
11:57:09 ДП
User 626100
Побыстрее бы перевести проект на стулед-компонентс и избавиться от постцсс навсегда
11:57:24 ДП
User 23384802
забавно, что ошибка какая-то рандомная postcss null, а не прямо текстом, что нет файла. лол
11:57:45 ДП
User 178689889
Собираю css из cli и живу счстливо
11:59:44 ДП
User 282857241
А как же хотрелоад
12:00:02 ПП
User 282857241
Модуль реплейсмент* пардон
12:00:43 ПП
User 178689889
Нет пока таких масштабов, чтобы это играло решающую роль
12:28:37 ПП
User 52321317
Товарищи, подскажите, как во втором вебпаке настроить сборку файлов не в рантайме? У меня есть куча json файлов, раскиданных по папкам. Надо их собрать в один объект, проверить, не пытались ли перезаписаться ключи и т.п. Если такие ошибки есть - бросить исключение и не собирать бандл. Проблема в том, что мне не надо все это тащить в бандл, хотелось бы заниматься этим только во время компиляции.
Как такое можно сделать? Писать свой лоадер?
12:29:10 ПП
User 32530886
напиши скрипт
12:29:12 ПП
12:29:44 ПП
User 52321317
типа собираем один большой json, а потом подрубаем его в webpack?
12:30:00 ПП
12:30:35 ПП
User 52321317
Эх, не хотелось вылезать из вебпака(
12:32:28 ПП
User 178689889
С тобой все в порядке?
12:32:56 ПП
12:34:19 ПП
User 172556084
Привет!
12:34:23 ПП
User 172556084
bundle.js?ver=0.0.0:2 Uncaught ReferenceError: regeneratorRuntime is not defined
12:34:32 ПП
User 172556084
'transform-runtime',
                                            {"polyfill": false, "helpers": false, "regenerator": true}
12:34:37 ПП
User 172556084
добавлено (
12:34:44 ПП
User 172556084
как дебажить можно?
12:34:46 ПП
User 172556084
почему?
12:34:52 ПП
User 351146
User 52321317
Эх, не хотелось вылезать из вебпака(
а куда ты вылезаешь то? конфиг тот же скрипт
12:34:52 ПП
User 351146
почему бы там не написать немного кода
12:35:18 ПП
User 172556084
правда модули из другой папки беру - и так тоже писал
12:35:23 ПП
User 172556084
require('./../node_modules/babel-plugin-transform-runtime').default
12:35:30 ПП
User 172556084
не ругается
12:35:45 ПП
User 52321317
Ой, что-то у меня кукушка поехала) Я уже начал bash скрипт писать, который хотел запустить перед сборкой)))
12:35:45 ПП
User 172556084
если переименовать модуль в абракадабру - начинает ругаться
12:35:47 ПП
12:36:03 ПП
User 172556084
помогите разобраться
12:36:06 ПП
User 172556084
должно работать
12:36:51 ПП
User 32530886
User 172556084
bundle.js?ver=0.0.0:2 Uncaught ReferenceError: regeneratorRuntime is not defined
добавь babel-polyfill в entry первым в массиве
или также babel-generator
12:37:17 ПП
User 172556084
блин - раньше же работало когда из этой же папки были модули
12:37:31 ПП
User 172556084
решил вынести сборку отдельно - чтобы для разных проектов было одинаково
12:37:34 ПП
User 172556084
и ошибка такая
12:37:41 ПП
User 32530886
ты сообщение от меня прочитал?
12:37:57 ПП
User 172556084
так рабоает же без него?
12:38:02 ПП
User 172556084
а сейчас нет
12:38:20 ПП
User 172556084
раньше не добавлял ничего из вышесказанного и работало
12:38:31 ПП
User 32530886
добавь
12:38:53 ПП
User 172556084
можешь объяснить зачем? если должно и без работать
12:39:05 ПП
User 172556084
не привык добавлять если не понимаю зачем
12:39:09 ПП
User 32530886
потому что выпилили regeneratorRuntime из бабеля в отдельный пакет
12:39:26 ПП
User 32530886
тебе написано
12:39:26 ПП
User 32530886
ReferenceError: regeneratorRuntime is not defined
12:39:32 ПП
User 32530886
или ты слова polyfill не понимаешь?
12:39:39 ПП
User 32530886
http://babeljs.io/docs/usage/polyfill/
babeljs.io/docs/en/babel-polyfill
Babel includes a [polyfill](https://en.wikipedia.org/wiki/Polyfill_(programming)) that includes a custom [regenerator runtime](https://github.com/facebook/regenerator/blob/master/packages/regenerator-runtime/runtime.js) and [core-js](https://github.com/zloirock/core-js).
12:39:46 ПП
User 32530886
или почитать доку уже не модно?
12:39:51 ПП
User 172556084
да без этого же у меня работает когда все в проекте лежит
12:40:07 ПП
User 172556084
а когда запускаешь из другой папки -не работает
12:40:16 ПП
User 172556084
и без полифилла добавленного работает
12:40:20 ПП
User 172556084
значит его доавлять не надо
12:40:34 ПП
User 172556084
или в том случае он сам добавляется?
12:40:49 ПП
User 32530886
я хз как ты там всё запускаешь
12:40:52 ПП
User 32530886
но здесь явно сказано
12:41:04 ПП
User 32530886
что regeneratorRuntime не существует в пределах видимости
12:41:14 ПП
User 172556084
полифилл наименее предпочтительный вариант - не хочется на него переходить
12:42:27 ПП
User 32530886
не используй генераторы и async/await
12:46:49 ПП
User 52321317
Хм, я вот собрал большой файл, но как его удалить после успешной (или нет) сборки. Или собирать где-то в /tmp?
12:47:24 ПП
User 52321317
или слушать process.onExit?
12:48:14 ПП
User 52321317
вроде, onExit работает :)
12:48:28 ПП
User 32530886
User 52321317
Хм, я вот собрал большой файл, но как его удалить после успешной (или нет) сборки. Или собирать где-то в /tmp?
npm install --save-dev rimraf
npm-scripts: 'postbuild' : 'rimraf ./dist'
12:48:52 ПП
User 52321317
ну так не честно ;)
12:49:02 ПП
User 32530886
но лучше добавить скрипт clean и вызывать в нужных местах