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

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

974 members

Архив канала @webpack_ru 29 марта 2018 г.

07:05:25 ДП
User 308402933
всем хэй
А есть идеи как узнать какая версия плагина мне нужна для поддержки конкретной версии вебпака? где-то есть какие-то таблицы совместимости или что-то такое?
07:05:59 ДП
User 308402933
или чисто смотреть по датам релизов плагинов?
07:09:36 ДП
User 67164223
User 308402933
всем хэй
А есть идеи как узнать какая версия плагина мне нужна для поддержки конкретной версии вебпака? где-то есть какие-то таблицы совместимости или что-то такое?
в релизах плагинов смотри
07:09:46 ДП
07:41:57 ДП
User 308402933
короче  я вчера не сделал импорт scss в index.js
07:42:04 ДП
User 308402933
вообще никуда не импортил Scss
07:42:11 ДП
User 308402933
и чего ж это он у меня не собирался то, а!
07:42:19 ДП
07:42:29 ДП
User 308402933
https://www.youtube.com/watch?v=fT-JSp1n1tE&feature=youtu.be
07:43:10 ДП
User 308402933
ну т.е. вот по логам видел, что scss не отрабатывается, но я думал что ExtractTextPlugin сам должен цеплять это из кода
07:43:17 ДП
User 308402933
ну короче я был очень уставший и не очень умный =/
08:12:09 ДП
User 442584648
Ребята, есть вот такой конфиг. С js проблем нет, делает все как нужно, css тоже все минифицирует и все как нужно, но в браузере выскакивает ошибка и не могу понять почему.
08:12:31 ДП
User 442584648
Вот такая, если подключить исходный файл css, то все ок
08:13:15 ДП
User 212795634
по-моему нужны оба лоадера
08:13:22 ДП
User 212795634
не помню в каком порядке правда
08:14:02 ДП
User 442584648
какие "оба" лоадера?
08:30:45 ДП
User 308402933
в офф доке не совсем коректно
12:48:25 ПП
User 168287897
Всем привет) может кто знает есть ли какой нибудь плагин который проходит по бандлу и меняет где находит путь например до картинки на измененный с хешами и т.д.? Ну или что то подобное.
01:12:31 ПП
User 107843803
Привет. Может кто сможет подсказать. Как добавить кастомный плагин в дефолтный конфиг вебпак 4 —mode production?
01:13:04 ПП
User 122087672
так же как и в 3
01:13:06 ПП
User 67164223
User 107843803
Привет. Может кто сможет подсказать. Как добавить кастомный плагин в дефолтный конфиг вебпак 4 —mode production?
webpack,config.js)
01:13:18 ПП
User 67164223
ну или через CLI
01:14:04 ПП
User 107843803
User 67164223
webpack,config.js)
Мне надо просто кроме дефолтного --mode production плагинов, включать игтвдуфтфдняшук
01:14:19 ПП
User 107843803
bundleAnalyzer*
01:14:52 ПП
User 67164223
--plugin bundleAnalyzer
01:14:57 ПП
User 67164223
попробуй
01:38:06 ПП
User 231599
Всем, привет
хочу из вывода спрятать все файлы статики при сборке
        excludeAssets: /\.(gif|jpg|svg|png|mp4|mp3)/g,
Не помогает
Кто-нибудь подскажет, как решить?
01:41:38 ПП
User 239083709
а под g ты имел ввиду флаг global или что?
01:41:50 ПП
User 231599
User 239083709
а под g ты имел ввиду флаг global или что?
+
01:41:56 ПП
User 239083709
если ты хотел добавить флаг g, ты уверен, что правильно его добавил?)
мне казалось, флаги в регулярках добавляются как /.../g
01:43:03 ПП
User 231599
Хм
Коряво написал регулярку
01:43:45 ПП
User 231599
Не помогло, тем не менее
01:45:08 ПП
User 239083709
а если так
/.*\.(gif|jpg|svg|png|mp4|mp3)/g ?
01:46:53 ПП
User 239083709
Просто твой вариант как-то криво матчится в regex101. Но мб так и должно быть))
01:47:15 ПП
User 231599
У них не сказано, что именно нужно матчить
Потому и спрашиваю
01:47:44 ПП
User 231599
Так тоже не хочет
03:13:41 ПП
User 231599
Оказывается, все работало, просто конфиг не туда передавался
03:14:42 ПП
User 213704994
я кто-то уже использовал multi-loader с Webpack4 + MiniCssExtractPlugin?
03:21:02 ПП
User 134905826
User 213704994
я кто-то уже использовал multi-loader с Webpack4 + MiniCssExtractPlugin?
тоже интересно про multi-loader, так и непонял зачем он...
03:35:47 ПП
User 275470931
Ребят, я решил сегодня с утра изучить вебпак. Сейчас я где-то на стадии: "Так, я всё понял. Установлю ка стороннюю сборку. ЧТО ЭТО ВООБЩЕ?"
А вы сколько изучали вебпак, чтобы понимать чужие сборки за минимальное кол-во времени?
03:40:11 ПП
User 1333299
Ну алгоритм стандартный
03:40:18 ПП
User 1333299
Ты открываешь конфиг и смотришь
03:40:24 ПП
User 1333299
Ага, тут энтри
03:40:29 ПП
User 1333299
Тут лоадеры
03:40:35 ПП
User 1333299
Тут сурсмап прихерачиваем
03:40:42 ПП
User 1333299
Тут алиасы
03:40:45 ПП
User 1333299
ПОСТОЙТЕ КА
03:40:47 ПП
User 1333299
А это что?
03:40:59 ПП
User 1333299
И лезешь в доки смотреть, чоу это за хурма
03:41:37 ПП
User 1333299
Я большую часть конфигов сходу осиливать начал после того, как один единственный свой написал
03:42:51 ПП
03:43:39 ПП
User 67164223
User 275470931
Ребят, я решил сегодня с утра изучить вебпак. Сейчас я где-то на стадии: "Так, я всё понял. Установлю ка стороннюю сборку. ЧТО ЭТО ВООБЩЕ?"
А вы сколько изучали вебпак, чтобы понимать чужие сборки за минимальное кол-во времени?
часов 6-8
03:58:47 ПП
User 275470931
Блин, реально, надо бы наверное свой написать лучше попробовать)
03:59:01 ПП
User 275470931
В теории всё понятно
03:59:06 ПП
User 275470931
А на практике чё-то сложно
04:00:13 ПП
04:00:19 ПП
User 414846440
господа, имею такую проблему: файл .babelrc игнорируется при сборке. 
В этом файле у меня только указано transform-react-jsx. 
Как результат, код не собирается, пишет <div> - Unexpected token. В другом проекте то же самое работает - лежит файл .babelrc в папке с проектом, и JSX компилится. В чём может быть проблема? подскажите плз
04:00:41 ПП
User 414846440
Module parse failed: Unexpected token (177:33)
    You may need an appropriate loader to handle this file type.
04:01:07 ПП
User 55943427
User 414846440
Module parse failed: Unexpected token (177:33)
    You may need an appropriate loader to handle this file type.
сильно подозреваю, что у тебя в лоадере не указан jsx
04:01:52 ПП
User 212795634
User 414846440
господа, имею такую проблему: файл .babelrc игнорируется при сборке. 
В этом файле у меня только указано transform-react-jsx. 
Как результат, код не собирается, пишет <div> - Unexpected token. В другом проекте то же самое работает - лежит файл .babelrc в папке с проектом, и JSX компилится. В чём может быть проблема? подскажите плз
поставь @babel/preset-react
04:05:39 ПП
User 414846440
User 55943427
сильно подозреваю, что у тебя в лоадере не указан jsx
У меня вот так указано
rules: [
    {
        test: /\.js$/,
        loader: 'babel-loader',
        query: { presets: ['es2015'] }
(в другом проекте то же самое было и JSX работал)
04:06:04 ПП
User 55943427
User 414846440
У меня вот так указано
rules: [
    {
        test: /\.js$/,
        loader: 'babel-loader',
        query: { presets: ['es2015'] }
(в другом проекте то же самое было и JSX работал)
test: /\.(js|jsx)$/,
04:07:18 ПП
User 67164223
User 212795634
поставь @babel/preset-react
это для тс или 7 бабеля?
04:07:33 ПП
User 212795634
User 67164223
это для тс или 7 бабеля?
7 бабель
04:07:41 ПП
User 67164223
User 212795634
7 бабель
у него небось 6
04:07:45 ПП
User 67164223
User 414846440
У меня вот так указано
rules: [
    {
        test: /\.js$/,
        loader: 'babel-loader',
        query: { presets: ['es2015'] }
(в другом проекте то же самое было и JSX работал)
module.exports = () => ({
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use: [
          {
            loader: 'babel-loader',
            options: {
              presets: [['env', {
                targets: {
                  node: 'current',
                  browsers: ['last 2 versions'],
                },
              }], 'react', 'stage-1'],
              env: {
                production: {
                  presets: ['react-optimize'],
                },
              },
            },
          },
        ],
      },
    ],
  },
});
04:07:49 ПП
User 67164223
попробуй такой конфиг
05:48:35 ПП
User 275470931
Всё, ребят, я сдаюсь...
https://jsfiddle.net/kf8y0qyo/ Что я делаю не так? CSS тупо не компилится. Ни ошибок, ничего. Пробовал разные версии webpack, не помогает.
05:56:30 ПП
User 412142535
User 275470931
Всё, ребят, я сдаюсь...
https://jsfiddle.net/kf8y0qyo/ Что я делаю не так? CSS тупо не компилится. Ни ошибок, ничего. Пробовал разные версии webpack, не помогает.
а ты подключил scss в js файл?
05:57:26 ПП
User 275470931
Зачем?
05:57:56 ПП
User 275470931
Я собираюсь просто скомпилить отдельным файлом
05:58:02 ПП
User 412142535
import 'тут путь до твоего scss';
05:58:05 ПП
User 412142535
надо так
05:58:10 ПП
05:58:23 ПП
User 67164223
это какой уже по счету, такой умный с галпа пришел
05:58:51 ПП
User 412142535
или я туплю?
05:59:04 ПП
User 67164223
правильно
05:59:22 ПП
User 275470931
User 67164223
это какой уже по счету, такой умный с галпа пришел
Ну извините, только познаю :D
05:59:44 ПП
User 212795634
и конфиг залил в браузерную среду
05:59:47 ПП
User 67164223
User 275470931
Ну извините, только познаю :D
у тебя должен быть импорт стилей в entry file
06:01:11 ПП
User 275470931
User 212795634
и конфиг залил в браузерную среду
Его сюда что ли прямо кидать? Там подсветка есть, удобнее читать его вам.
06:01:27 ПП
User 212795634
User 275470931
Его сюда что ли прямо кидать? Там подсветка есть, удобнее читать его вам.
есть же гист например
06:01:32 ПП
User 275470931
User 67164223
у тебя должен быть импорт стилей в entry file
Я понимаю, а как тогда потом в html эти стили подключить?
06:01:43 ПП
User 212795634
в окошке на 1/6 экрана читать точно не удобнее
06:02:06 ПП
User 67164223
User 275470931
Я понимаю, а как тогда потом в html эти стили подключить?
ExtractTextPlugin за тебя это делает
06:02:09 ПП
User 212795634
User 275470931
Я понимаю, а как тогда потом в html эти стили подключить?
extract text
06:02:22 ПП
User 212795634
хз какой там плагин щас самый эджи
06:02:34 ПП
User 67164223
User 212795634
хз какой там плагин щас самый эджи
он и остается
06:02:38 ПП
06:04:53 ПП
User 275470931
Кхм, спасибо большое, буду дальше разбираться)
06:05:54 ПП
User 67164223
нахуй я фронтендером пошел.

nodejs, express, koa, webpack, ts, react, redux, mobx...
06:06:01 ПП
User 67164223
и еще блять что-то новое выйдет
06:07:46 ПП
User 67164223
как жить посоны
06:07:52 ПП
User 67164223
это не мем, это жизнь
06:11:22 ПП
User 507479300
User 67164223
как жить посоны
Так этож хорошо
06:11:43 ПП
User 507479300
Больше технологий
06:11:58 ПП
User 67164223
User 507479300
Так этож хорошо
Хочу сериалы смотреть вечером, а не курсы
06:12:09 ПП
06:12:26 ПП
User 507479300
Тут аниме онгоинги, а я доки читаю
06:38:59 ПП
User 55943427
User 67164223
нахуй я фронтендером пошел.

nodejs, express, koa, webpack, ts, react, redux, mobx...
Пхп, редис, рэббит, эластиксерч, монга, мускуль, вертика, etc
06:39:06 ПП
User 55943427
Везде зоопарки
06:42:13 ПП
User 139059931
Ребят, все давно придумали - не хотите зоопарков - пишите на extjs
07:05:13 ПП
User 213704994
User 67164223
он и остается
Остаётся для webpack 3
07:32:24 ПП
User 275470931
Всё, ребят, я, кажется, понял вебпак) Понадобилось около 8 часов)
Теперь осталось на него перевести проект и тут ещё один вопрос назрел..
В Webpack 4, говорят, многое изменили, да и плагины пока не все адаптированы. Стоит ли на него сразу или лучше Webpack 3 поставить пока что, а потом мигрировать?
07:37:52 ПП
User 412142535
сиди на 3-ем,он ещё актуальный
07:41:04 ПП
User 212795634
User 412142535
сиди на 3-ем,он ещё актуальный
лучше щас переводить
07:41:13 ПП
User 212795634
потом как снежный ком будет
07:41:56 ПП
User 412142535
User 212795634
лучше щас переводить
Чувак только сегодня освоил вебпак,куда ему торопится?) Я вот только позавчера освоил,и чувствую себя прекрасно))
07:42:45 ПП
User 212795634
User 412142535
Чувак только сегодня освоил вебпак,куда ему торопится?) Я вот только позавчера освоил,и чувствую себя прекрасно))
какой из вебпаков зеро конфиг? 3 или 4?
07:42:54 ПП
User 212795634
вопрос риторический
07:45:27 ПП
User 107843803
User 1333299
Я большую часть конфигов сходу осиливать начал после того, как один единственный свой написал
Я с code splitting до сих пор не подружился совсем
07:46:17 ПП
User 212795634
import('lol')
07:46:22 ПП
07:47:10 ПП
User 212795634
ну точнее куда-то положить потом это
07:47:22 ПП
User 212795634
заюзать
07:47:23 ПП
User 212795634
и точно все
07:50:24 ПП
User 107843803
Ну я вообще про новый splitChunk плагин в 4-и херово въехал. И про динамические импорты
07:51:16 ПП
User 107843803
Точнее, как юзать динамик импорт ясной вот как их собирать в отдельные чанки, и ка им образом, это хз
07:52:28 ПП
User 212795634
он сам соберет
07:54:03 ПП
User 107843803
До сих пор, вроде усе ясно, но, когда пробую, то херня получается)
07:54:29 ПП
User 107843803
Мне недавно надо была динамическая подгрузка скрипта по событию. Так хера, не подучилось )
09:49:40 ПП
User 275470931
User 212795634
какой из вебпаков зеро конфиг? 3 или 4?
Я вот, кстати, случайно это заметил в документации, но не понял. Если без конфига, то как?
09:50:37 ПП
09:52:07 ПП
User 135278254
User 275470931
Я вот, кстати, случайно это заметил в документации, но не понял. Если без конфига, то как?
Там дефолтные значения для entry и output, вот и все
09:53:30 ПП
User 275470931
Но файл конфига ведь все равно нужен
09:55:54 ПП
User 135278254
User 275470931
Но файл конфига ведь все равно нужен
Нет, в этом и есть смысл zero configuration
09:56:58 ПП
User 189706357
User 135278254
Нет, в этом и есть смысл zero configuration
когда ты в cli аргументы конфигов передаешь — это тоже конфиги)
09:57:02 ПП
User 275470931
А где тогда прописываются лоадеры и т.д
09:57:08 ПП
09:57:12 ПП
User 275470931
Ну вот
09:57:46 ПП
User 189706357
User 275470931
А где тогда прописываются лоадеры и т.д
да, можно в параметры webpack'а при вызове передавать. можно и файл создать. дефолтный файл сам подбирается с названием webpack.config.js
09:58:12 ПП
User 189706357
туда и лоадеры и все че хочешь как по старинке в общем
09:58:37 ПП
User 135278254
User 189706357
когда ты в cli аргументы конфигов передаешь — это тоже конфиги)
В 4 вебпаке ты можешь просто написать
09:58:43 ПП
09:58:55 ПП
09:59:01 ПП
User 189706357
User 135278254
В 4 вебпаке ты можешь просто написать
можешь. но это слишком узконаправлено. чаще всего требуются какието настроечки
09:59:13 ПП
User 135278254
Абсолютно согласен
09:59:37 ПП
User 135278254
Но zero configuration это как раз то что я описал выше
10:01:23 ПП
User 135278254
Он подходит лишь для самого-самого начала, дальше все равно придётся делать конфиг
10:04:23 ПП
User 275470931
Окей, спс
10:31:07 ПП
User 212795634
User 275470931
А где тогда прописываются лоадеры и т.д
Без лоадеров соберет
10:31:11 ПП
User 212795634
Просто бандл