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

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

974 members

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

07:58:06 ДП
User 521874097
Всем доброго времени суток. Настраиваю webpack на своей машине. 
Ставлю локально через npm i -D webpack
Решил попробовать просто запустить командой ниже: 
$ node_modules/.bin/webpack - получаю ошибку SyntaxError в коде webpack.js
https://gist.github.com/diolavr/917234cd24c9170d71450ff4258d220d

Ставил и глобально + локально. И только локально и только глобально - все одинаково. Смена версии не помогает :(
gist.github.com/diolavr/917234cd24c9170d71450ff4258d220d
GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.
09:29:00 ДП
User 261885262
User 521874097
Всем доброго времени суток. Настраиваю webpack на своей машине. 
Ставлю локально через npm i -D webpack
Решил попробовать просто запустить командой ниже: 
$ node_modules/.bin/webpack - получаю ошибку SyntaxError в коде webpack.js
https://gist.github.com/diolavr/917234cd24c9170d71450ff4258d220d

Ставил и глобально + локально. И только локально и только глобально - все одинаково. Смена версии не помогает :(
gist.github.com/diolavr/917234cd24c9170d71450ff4258d220d
GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.
Какая версия ноды?
09:29:49 ДП
09:29:55 ДП
09:30:05 ДП
User 261885262
Она не поддерживает es6
09:30:15 ДП
User 261885262
А let - из es6
09:30:18 ДП
User 521874097
Обидно :(
Спасибо
09:30:28 ДП
User 521874097
Да, я знаю что он из es6
09:30:29 ДП
User 261885262
Обновись?
09:30:43 ДП
User 521874097
Да, сейчас обновлюсь
09:30:45 ДП
User 261885262
До 6 или 8
09:30:47 ДП
User 355846509
User 521874097
Обидно :(
Спасибо
это очень древняя версия, сильно уступающая по всем параметрам. Что она вообще там делает?
09:31:14 ДП
User 355846509
Уже 9 можно везде. Если сильно бояться, то 8.
09:31:25 ДП
User 521874097
Distributor ID:  Ubuntu
Description:  Ubuntu 16.04.4 LTS
Release:  16.04
Codename:  xenial
:(
09:31:35 ДП
User 212795634
Nvm поставь
09:31:37 ДП
User 521874097
Что поставилось
09:31:53 ДП
User 355846509
User 521874097
Distributor ID:  Ubuntu
Description:  Ubuntu 16.04.4 LTS
Release:  16.04
Codename:  xenial
:(
и чё? у тебя репозиторий древний
09:32:12 ДП
User 355846509
можно да, nvm, а можно просто посмотреть инструкцию на сайте ноды
09:32:17 ДП
User 355846509
там для 8 и 9 есть
09:32:19 ДП
User 521874097
Да я теперь и сам задумался об используемом зеркале
09:32:45 ДП
User 521874097
Благодарю за помощь. Буду исправляться
10:39:13 ДП
User 345520748
Народ, как настроить что б подтягивало изображения, в частности в scss
12:11:22 ПП
User 187771704
Добрый день
12:11:40 ПП
User 187771704
Ребята нужна помощь, разобратсья почему не работает веб сервер корректно
12:11:57 ПП
User 187771704
работаю через webpack@encore
12:12:03 ПП
User 187771704
кто то работал с ним?
02:14:37 ПП
User 259652278
Это нормально, что в JS упоминается SCSS?
02:18:41 ПП
User 39182759
да, это style-loader
02:18:50 ПП
User 39182759
он грузит все в жс и в хед
02:19:01 ПП
User 39182759
если не юзать экстракт текст плагин
02:19:31 ПП
User 39182759
который, как видно, по эвалу, заюзан:)
02:20:26 ПП
User 259652278
Хорошо, а это нормально?
02:21:53 ПП
User 39182759
что вас тут смущает?
02:24:06 ПП
User 259652278
Хорошо, буду считать нормой.. Но как мне избавиться от того, что если я укажу SCSS как отдельный entry, как на скрине, то помимо styles.css появляется еще и лишний styles.js?
02:24:07 ПП
02:25:17 ПП
User 39182759
зачем вы указываете стайлз как ентри?
02:25:34 ПП
User 259652278
А как его указывать?
02:25:41 ПП
User 39182759
никак:)
02:25:52 ПП
User 39182759
у вас есть реквайр в main.js
02:25:56 ПП
User 39182759
этого достаточно
02:26:06 ПП
User 259652278
Нет реквайра в main.js..
02:26:12 ПП
User 39182759
добавьте тогда:)
02:26:34 ПП
User 259652278
Зачем мне это делать? У меня на каждую страницу свой JS, а CSS - один
02:26:44 ПП
User 259652278
В каждом реквайрить?
02:26:48 ПП
User 39182759
вебпак так работает - вы работаете со всем модулями, как будто это js
02:27:25 ПП
User 39182759
и если ваш модуль зависит от другого, делаете реквайр
02:27:47 ПП
User 39182759
User 259652278
В каждом реквайрить?
ну да
02:28:09 ПП
User 259652278
Оно все равно сделает один CSS? Не будет плодить тучу?
02:29:11 ПП
User 39182759
если разные энтри, то может и наплодить, наверное:)

если есть желание заморочиться с оптимизацией, то https://webpack.js.org/plugins/commons-chunk-plugin/
02:56:54 ПП
User 187771704
Ребята как в 4м вебпаке отключить при дев моде углифай?
02:58:42 ПП
User 187771704
mode: process.env.NODE_ENV || 'development'
   plugins: this.mode === 'production' 
     ? [
       ...plugins,
       new UglifyJSPlugin() || new BabelMinifyPlugin() || ClosurePlugin()
     ]
     : [ ...plugins ]
02:58:48 ПП
User 187771704
типа так можно написать?
03:01:41 ПП
User 213704994
@kaf_lan я конечно ничего не имею против, но у тебя один конфиг и для prod и для dev?
03:02:32 ПП
User 47954626
А в чем разница между чанками и код сплитингом?
03:03:17 ПП
User 147771380
User 187771704
mode: process.env.NODE_ENV || 'development'
   plugins: this.mode === 'production' 
     ? [
       ...plugins,
       new UglifyJSPlugin() || new BabelMinifyPlugin() || ClosurePlugin()
     ]
     : [ ...plugins ]
plugins: [
  ***
  ...(isProd ? [new UglifyJSPlugin()] : []),
],
03:03:17 ПП
User 213704994
Uglify нынче конфигурируется в optimisation
optimization: {
        minimizer: [
            new UglifyJSPlugin({
                uglifyOptions: {
                    beautify: false,
                    mangle: {
                        keep_fnames: true
                    },
                    compress: {
                        drop_console: false
                    },
                    comments: false
                }
            }),
        ]
    }
03:08:45 ПП
User 388629158
Привет друзья, а может кто поделиться конфигом для реакте 16.3 и вебпак 4. А то я сделал базовый, вроде все взлетело, но он в одном файле и не учитывает тонкостей сборки для прода и дева (только то, что из коробки идут). Гуглением находятся только самые простые, которые я и сам в общем-то сделал, а по доке еще многое не понятно к сожалению (видимо еще не достаточно боли испытал:))
03:09:32 ПП
User 187771704
@imrajdee 
А потом куда это?
03:10:11 ПП
User 187771704
User 213704994
@kaf_lan я конечно ничего не имею против, но у тебя один конфиг и для prod и для dev?
А это плохо?
03:10:14 ПП
User 187771704
надо разделить?
03:10:25 ПП
User 213704994
User 187771704
А это плохо?
дело удобства
03:10:43 ПП
User 187771704
Ну мне удобнее в одном файлике один ентри пойинт
03:10:59 ПП
User 187771704
я в личку тебе пару вопросов задам.
03:11:35 ПП
User 213704994
User 187771704
@imrajdee 
А потом куда это?
{
...
    optimization: {
      ....
    }
    plugins: [
    ]
....
}
03:21:10 ПП
User 187771704
User 388629158
Привет друзья, а может кто поделиться конфигом для реакте 16.3 и вебпак 4. А то я сделал базовый, вроде все взлетело, но он в одном файле и не учитывает тонкостей сборки для прода и дева (только то, что из коробки идут). Гуглением находятся только самые простые, которые я и сам в общем-то сделал, а по доке еще многое не понятно к сожалению (видимо еще не достаточно боли испытал:))
я вчера тренировался могу дать но надо оптимизировать
03:21:55 ПП
User 388629158
да, давай конечно, допилить всегда легче) а то у меня получился пока совсем простенький)
03:51:51 ПП
User 182613717
User 187771704
Ребята как в 4м вебпаке отключить при дев моде углифай?
углифай автоматически подрубается при mode = production в 4м вебпаке, не надо его вручную подключать
05:23:01 ПП
User 259652278
Я так понимаю, с релизом 10-го NPM, смысла в yarn нет?
05:24:35 ПП
User 212795634
какого 10 нпм?
05:24:54 ПП
05:25:02 ПП
User 259652278
А 10-й версии Нода вышла
05:25:04 ПП
User 32530886
User 259652278
Я так понимаю, с релизом 10-го NPM, смысла в yarn нет?
ну неймспейсов нет
05:25:15 ПП
User 32530886
но я не вижу смысла завязываться на не стандартный инструмент
05:25:22 ПП
User 212795634
хз, ебала какая-то, пакеты не ставятся из-за ограничений engines
05:25:23 ПП
User 32530886
устраивать себе геморрой из-за ничего
05:25:33 ПП
User 32530886
User 212795634
хз, ебала какая-то, пакеты не ставятся из-за ограничений engines
yarn ?
05:25:45 ПП
User 259652278
User 32530886
но я не вижу смысла завязываться на не стандартный инструмент
Не стандартный - Yarn?
05:25:53 ПП
User 212795634
User 32530886
yarn ?
оба, но в ярне —ignore-engines есть
05:25:55 ПП
User 32530886
ярн не стандартный, да
05:26:02 ПП
User 32530886
User 212795634
оба, но в ярне —ignore-engines есть
лол
05:26:19 ПП
User 259652278
User 32530886
ну неймспейсов нет
Что за неймспейсы? Я чутка не шарю
05:27:31 ПП
User 32530886
User 259652278
Что за неймспейсы? Я чутка не шарю
workspaces
05:32:27 ПП
User 122087672
нафига?
05:38:04 ПП
User 259652278
Читаю, и не могу понять, зачем?
05:38:10 ПП
User 259652278
Зачем они нужны?
05:38:21 ПП
User 32530886
затем же, зачем lerna
05:38:40 ПП
User 32530886
babel юзает lerna
05:39:25 ПП
User 259652278
А lerna зачем? Я чутка не шарю походу
05:39:44 ПП
User 32530886
ну посмотри babel
05:39:51 ПП
User 32530886
делать монорепозиторий для пакетов
05:39:56 ПП
User 32530886
много пакетов в одном репо
05:41:51 ПП
User 74755437
Вот сколько видел в репозиториях что используется лерна. Но так и не разобрался как работает эта лерна
05:54:00 ПП
User 39182759
она умеет запускать команды в нескольких папках одновременно и перелинковывать зависимости внутри них
05:59:37 ПП
User 259652278
Что за дичь? Не могу выловить эту проблему..
06:00:07 ПП
User 32530886
написано же
06:00:14 ПП
User 32530886
.presets должны быть массивом
06:00:23 ПП
06:03:30 ПП
User 259652278
Ля, ток ща понял, что речь о бабеловском пресете