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

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

974 members

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

08:04:24 ДП
User 424816978
как выучить вебпак чтобы не было проблема
08:04:58 ДП
User 242329862
User 424816978
как выучить вебпак чтобы не было проблема
практика-практика-практика
08:05:09 ДП
User 134905826
User 424816978
как выучить вебпак чтобы не было проблема
кривая обучение сильно пологая (:имхо только практика и решение проблем самому
08:05:42 ДП
User 134905826
в какойто момент поймеш архитектура и будет легко.
08:07:51 ДП
User 424816978
если ест готовый packet.json и webpack.config.json из другово проекта . . их как запустит и установить в новую ?
08:11:46 ДП
User 242329862
User 424816978
если ест готовый packet.json и webpack.config.json из другово проекта . . их как запустит и установить в новую ?
ну скопировать эти файлы в новый проект и установить
08:12:11 ДП
User 424816978
npm install ?
08:12:40 ДП
User 242329862
да, но через yarn побыстрее установка
08:13:36 ДП
User 424816978
кто установил webpack на cloud9 пожалуста нужно помощ ..
08:29:34 ДП
User 424816978
можно использовать Gulp и npm вместе ?
08:30:49 ДП
User 30260375
User 424816978
можно использовать Gulp и npm вместе ?
Можно
08:31:23 ДП
User 424816978
Gulp - это старие да ?
08:31:26 ДП
User 112715267
Пакет жсон
08:31:52 ДП
User 30260375
User 424816978
Gulp - это старие да ?
Да
08:32:10 ДП
User 424816978
что нового вместе этого ?
08:32:40 ДП
User 30260375
User 424816978
что нового вместе этого ?
На название чата посмотри
08:32:47 ДП
User 227206447
Почему галп старье?
08:32:48 ДП
User 121729445
User 424816978
можно использовать Gulp и npm вместе ?
эти вещи вообще не связаны
08:33:07 ДП
User 182613717
User 30260375
На название чата посмотри
щас бы галп с вебпаком сравнивать
08:33:20 ДП
User 23391446
User 30260375
Да
почему, для работы с проектами например чисто на верстку, галп все еще актуален, имхо
08:33:40 ДП
User 30260375
User 182613717
щас бы галп с вебпаком сравнивать
Щас бы в 2к18 про галп вспоминать?
08:33:48 ДП
User 227206447
Галп для своих вещей очень полезен.
08:34:30 ДП
User 424816978
ничего нипанимаю очен много куча вещ=((
08:35:37 ДП
User 212795634
не понимаю какие задачи решает гульп которые не может решить веб пак/ парсел
08:36:02 ДП
User 23391446
User 212795634
не понимаю какие задачи решает гульп которые не может решить веб пак/ парсел
вопрос в простоте и удобстве того, как это будет решаться
08:36:29 ДП
User 212795634
хз, в галп надо кучу оберток тащить
08:36:45 ДП
User 212795634
веб пак лоадеры поактуальнее в этом плане
08:37:05 ДП
User 477528844
Почему при запуске вебпака в бандл не попадает код из файла index.js?

Версия вебпака - 4.6.0
Конфиг
Скрин структуры проекта
Скрин bundle.js
Скрин консоли
08:39:51 ДП
User 23391446
User 212795634
веб пак лоадеры поактуальнее в этом плане
удобно на вебпаке будет решить задачу вида "просто взять папку с шаблонами паг и генерировать из них хтмл"? 
и в процессе разработки следить и перезагружать страницу при изменении
на галпе это элементарно делается
08:41:03 ДП
User 182613717
User 212795634
не понимаю какие задачи решает гульп которые не может решить веб пак/ парсел
галп -> таск раннер; вебпак -> бандлер, в смысле какие задачи решает? запускает таски
08:42:14 ДП
User 182613717
не обязательно в галпе процессить ваши файлы кстати, а то вдруг кто-то думает что или вебпак или галп (нет, можно оба инструмента использовать)
08:42:35 ДП
User 212795634
да ладно, а я не знал
08:43:27 ДП
User 182613717
ну тут пишут люди типо, используй вебпак, галп устарел, просто что?
08:43:42 ДП
User 182613717
используй вебпак чтобы таски запускать?
08:46:30 ДП
User 424816978
вебпак это просто сборщик ?
08:46:58 ДП
User 212795634
User 182613717
используй вебпак чтобы таски запускать?
shell plugin
08:57:55 ДП
User 134905826
User 212795634
shell plugin
галп все еще актуален для долгих тасков, например я все пользуюсь для нерезки reponsive images и webp.
09:27:02 ДП
User 66779439
у меня gulp только для генерации env для разработчика, и только
09:48:42 ДП
User 477528844
User 477528844
Почему при запуске вебпака в бандл не попадает код из файла index.js?

Версия вебпака - 4.6.0
Конфиг
Скрин структуры проекта
Скрин bundle.js
Скрин консоли
бля, а с вебпаком 3.11.0 все нормально
11:44:38 ДП
User 273506702
User 67164223
cross-env NODE_ENV=production webpack —mode production
У меня вопрос по этому примеру. Не излишне дважды так задавать окружение?
11:45:12 ДП
User 478207156
User 273506702
У меня вопрос по этому примеру. Не излишне дважды так задавать окружение?
обычно мод задают в конфиге в зависимости от env
11:45:37 ДП
User 67164223
User 273506702
У меня вопрос по этому примеру. Не излишне дважды так задавать окружение?
другие плагины или либы тригерется на NODE_ENV
11:45:44 ДП
User 67164223
бабель например
11:45:51 ДП
User 67164223
если ты явно не указываешь Babel env
11:45:54 ДП
User 67164223
то он смотрит в Node env
11:46:15 ДП
User 273506702
User 67164223
другие плагины или либы тригерется на NODE_ENV
во, да. А зачем тогда mode использовать вообще?
11:46:38 ДП
User 67164223
User 273506702
во, да. А зачем тогда mode использовать вообще?
вебпак включает минификацию и углифай
11:54:03 ДП
User 478207156
User 67164223
вебпак включает минификацию и углифай
ты можешь задать эт в конфиге :)
11:54:19 ДП
User 67164223
User 478207156
ты можешь задать эт в конфиге :)
тригерится на isProd переменную?
11:54:55 ДП
User 478207156
User 67164223
тригерится на isProd переменную?
const isProd = process.env.NODE_ENV === 'production';

и в конфиге

mode: process.env.NODE_ENV,
11:55:07 ДП
User 67164223
User 478207156
const isProd = process.env.NODE_ENV === 'production';

и в конфиге

mode: process.env.NODE_ENV,
11:55:12 ДП
User 67164223
выглядит как костыль
11:55:31 ДП
User 478207156
Эм? Что?))
12:40:54 ПП
User 273506702
Тут пишут что mode всё таки задаёт process.env.NODE_ENV
https://medium.com/webpack/webpack-4-mode-and-optimization-5423a6bc597a#8668
medium.com/webpack/webpack-4-mode-and-optimization-5423a6bc597a
webpack adds a mode option. What does that mean?
01:19:24 ПП
User 259652278
Товарищи, подскажите пожалуйста, как сделать так, чтобы мне не пришлось хардкодить HTML-файлы в html-webpack-plugin? Конфиг: https://github.com/kinjalik/simple-frontend-boilerplate/blob/master/webpack.development.config.js
github.com/kinjalik/simple-frontend-boilerplate/blob/master/webpack.development.config.js
simple-frontend-boilerplate - Simple Boilerplate for SCSS, ES2015 and Webpack
01:48:30 ПП
User 134905826
User 259652278
Товарищи, подскажите пожалуйста, как сделать так, чтобы мне не пришлось хардкодить HTML-файлы в html-webpack-plugin? Конфиг: https://github.com/kinjalik/simple-frontend-boilerplate/blob/master/webpack.development.config.js
github.com/kinjalik/simple-frontend-boilerplate/blob/master/webpack.development.config.js
simple-frontend-boilerplate - Simple Boilerplate for SCSS, ES2015 and Webpack
както так: glob.sync("'./src/*.html'").map((template) => new HtmlWebpackPlugin({...
01:54:59 ПП
User 259652278
Что такое glob?
01:59:53 ПП
User 39232169
поищи на npm - glob или fast-glob
02:01:02 ПП
User 259652278
Спасибо
02:02:55 ПП
User 97269337
User 273506702
Тут пишут что mode всё таки задаёт process.env.NODE_ENV
https://medium.com/webpack/webpack-4-mode-and-optimization-5423a6bc597a#8668
medium.com/webpack/webpack-4-mode-and-optimization-5423a6bc597a
webpack adds a mode option. What does that mean?
не задаёт
02:03:19 ПП
User 97269337
значение mode можно получить если конфиг будет функцией
02:03:22 ПП
User 97269337
из аргументов
02:06:46 ПП
User 97269337
пока локально не смог подружить это с webpack-config или c webpack-merge...но времени не было...иногда все же необходимо process.env.NODE_ENV, т.к. от него и другие скрипты до вебпака работают....я бы все же mode считал чисто внутренним вебпаковским флагом и не более того...хотя с первого взгляда показалось хорошей альтернативой NODE_ENV 🙃
02:10:47 ПП
User 273506702
User 97269337
пока локально не смог подружить это с webpack-config или c webpack-merge...но времени не было...иногда все же необходимо process.env.NODE_ENV, т.к. от него и другие скрипты до вебпака работают....я бы все же mode считал чисто внутренним вебпаковским флагом и не более того...хотя с первого взгляда показалось хорошей альтернативой NODE_ENV 🙃
Хороший ответ.  Лучше и то и то для надёжности тогда использовать. Соответствующий issue: https://github.com/webpack/webpack/issues/7074
github.com/webpack/webpack/issues/7074
Do you want to request a feature or report a bug? Bug What is the current behavior? Currently, mode only sets the value for NODE_ENV in the DefinePlugin but not changes the process.env.NODE_ENV. Fo...
02:12:00 ПП
User 97269337
User 273506702
Хороший ответ.  Лучше и то и то для надёжности тогда использовать. Соответствующий issue: https://github.com/webpack/webpack/issues/7074
github.com/webpack/webpack/issues/7074
Do you want to request a feature or report a bug? Bug What is the current behavior? Currently, mode only sets the value for NODE_ENV in the DefinePlugin but not changes the process.env.NODE_ENV. Fo...
именно тот самый issues
02:12:12 ПП
User 97269337
и еще все дочерние советую прочитать автору вопроса выше
02:32:22 ПП
User 122087672
если попытаться заимпортить несуществующий именованный экспорт - вебпак выдает ворнинг про это. можно ли как-то сделать, чтобы это весь билд валило?
02:33:42 ПП
User 32530886
User 122087672
если попытаться заимпортить несуществующий именованный экспорт - вебпак выдает ворнинг про это. можно ли как-то сделать, чтобы это весь билд валило?
4 версия?
02:33:47 ПП
02:34:22 ПП
User 97269337
😳 он же валится, разве нет
02:34:59 ПП
User 122087672
та вот не валится блин
02:35:03 ПП
User 97269337
bail: true ?
02:35:27 ПП
User 122087672
куда пихать?
02:35:38 ПП
User 97269337
в конфиг прода
02:35:57 ПП
User 122087672
так мне бы в дев это тоже
02:36:07 ПП
User 97269337
зачем?)
02:36:23 ПП
User 97269337
чтоб у тебя бандл валился?)
02:36:30 ПП
User 97269337
на деве когда ты случайно не то введешь?)
02:36:41 ПП
User 122087672
ну да... или чо так не делают?
02:36:47 ПП
User 97269337
определенно)
02:36:49 ПП
User 122087672
ну введу случайно - получу ошибку - введу правильно
02:37:04 ПП
User 32530886
User 122087672
ну введу случайно - получу ошибку - введу правильно
То что бандл в деве упадет не круто
02:37:28 ПП
User 122087672
ну ок, а если я вообще неправильный from впишу - оно же упадет
02:38:21 ПП
User 97269337
сборка должна падать на проде
02:38:28 ПП
User 97269337
на деве этого не должно быть
02:38:40 ПП
User 97269337
варнинг разрабу чтобы обратил внимание
02:38:54 ПП
User 97269337
плюс IDEA или софт должен об этом сказать
02:38:57 ПП
User 97269337
или линтер
02:39:33 ПП
User 97269337
не надо вебпаком решать проблему ту, которую решить надо другими средствами
02:45:09 ПП
User 122087672
у меня-то как раз idea
02:46:30 ПП
User 122087672
просто странно, почему если неправильный import from ввести - сборка падает, а если неправильный именованный - то нет
03:06:05 ПП
User 181833605
Как при ПРОД билде сжать и  вебпак шапку которую он создает в начале файла?
07:16:21 ПП
User 259652278
Почему у меня в entry указан main.scss в чанке styles, и у меня одновременно styles подтягивает и как JS, и как CSS?
08:08:04 ПП
User 147771380
User 259652278
Почему у меня в entry указан main.scss в чанке styles, и у меня одновременно styles подтягивает и как JS, и как CSS?
Вебпак всегда будет делать js
08:08:13 ПП
User 147771380
Так устроено
08:08:35 ПП
User 259652278
Даже есть CSS?
08:09:04 ПП
08:09:15 ПП
User 147771380
Есть мнение, что ты пытаешься вебпак не для того использовать
08:09:23 ПП
User 147771380
Но это не точно