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

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

974 members

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

07:40:45 ДП
User 176365905
Start me to get the list of commands
07:49:16 ДП
User 67164223
User 239931494
Парни, подскажите, пожалуйста:  

Третий webpack генерирует мне svg-файлы из DOM-элементов, хотя в конфигурации я его об этом не просил.

Кто-нибудь может объяснить, почему такое происходит?

Вот мой webpack.config.js в вопросе на StackOverflow:

https://stackoverflow.com/questions/48847110/webpack-generates-svg-files-converting-dom-elements-with-css-into-svg-images

Спасибо!
stackoverflow.com/questions/48847110/webpack-generates-svg-files-from-dom-elements
My Webpack configuration below generates a ton of svg files in /dist folder: I don't have any svg files in /src folder at all. To the best of my knowledge, my webpack configuration is not suppose...
возьми нормальный рабочий конфиг
07:50:19 ДП
User 67164223
и почему у тебя для svg url loader
07:50:29 ДП
User 67164223
и для Шрифтов
07:50:37 ДП
User 67164223
и для картинок
07:54:16 ДП
User 239931494
@popuguy Привет, Роман, спасибо за ответ.

urlloader для маленьких картинок чтобы их инлайнить в data url, а если большие, то file-loader
07:57:09 ДП
User 239931494
Спасибо, попробую.
08:40:00 ДП
User 201036437
Привет. Вебпак 4

devtool: 'eval-source-map',

При запуске с --mode production

Сурсмапа в бандл всё равно запекается.
08:40:10 ДП
User 201036437
https://webpack.js.org/configuration/devtool/
08:40:14 ДП
User 201036437
Тут написано, что не должно
08:40:32 ДП
User 212795634
так ты убери девтул из конфига
08:40:59 ДП
User 201036437
И получи два разных конфига на дев и на прод? В чём тогда смысл всех этих --mode был?
08:41:27 ДП
User 212795634
так он автоматом ставил девтул
08:41:33 ДП
User 212795634
в зависимости от мода
08:41:37 ДП
User 212795634
его не нужно указывать
08:41:59 ДП
User 201036437
Хм. Об этом не подумал. Сейчас посмотрю.
08:42:01 ДП
User 67164223
на самом деле в режиме dev его нет
08:42:01 ДП
User 201036437
Спасибо
08:43:15 ДП
User 67164223
User 201036437
Хм. Об этом не подумал. Сейчас посмотрю.
да не заработает, все равно нужно добавлять дев тул
08:44:30 ДП
User 201036437
User 67164223
да не заработает, все равно нужно добавлять дев тул
Да, показывает результат транспиляции
08:44:30 ДП
User 201036437
Тогда - два разных конфига?
08:44:44 ДП
User 201036437
Я же ещё через бабель гоню
08:44:48 ДП
User 67164223
User 201036437
Тогда - два разных конфига?
merge([common, { devtool: 'cheap-module-source-map' }, devServer(), css()])
08:44:50 ДП
User 67164223
у меня вот так
08:45:17 ДП
User 201036437
User 67164223
merge([common, { devtool: 'cheap-module-source-map' }, devServer(), css()])
Это в дев-конфиге, типа?
08:45:33 ДП
User 201036437
Коммон - для общих параметров?
08:45:41 ДП
User 201036437
Ну я так и думал, да, но всё равно же два конфига :)
08:46:13 ДП
User 67164223
User 201036437
Коммон - для общих параметров?
да
08:46:19 ДП
User 67164223
у меня модульный конфиг
08:46:29 ДП
User 67164223
я не пишу огромную портянку
08:46:33 ДП
User 201036437
User 67164223
да
Как правильно коммон написать. Просто модуль.экспортс и кусок объекта?
08:46:57 ДП
User 201036437
Кстати, просто export заработает в конфиге?
08:47:15 ДП
User 67164223
чо, по порядку
08:48:09 ДП
User 67164223
я юзаю либу для merge
08:48:13 ДП
User 67164223
webpack-merge
08:49:14 ДП
User 67164223
User 201036437
Как правильно коммон написать. Просто модуль.экспортс и кусок объекта?
module.exports = () => ({})
08:49:21 ДП
User 112715267
Модульные конфиги 💁‍♂
08:49:43 ДП
User 67164223
User 112715267
Модульные конфиги 💁‍♂
Это удобнее и читабельнее, чем портянки
08:50:08 ДП
User 112715267
User 67164223
Это удобнее и читабельнее, чем портянки
Смотря на что ты разбиваешь
08:50:19 ДП
User 67164223
User 112715267
Смотря на что ты разбиваешь
на лоадеры, плагины
08:50:34 ДП
08:50:41 ДП
User 112715267
Отдельно лоадеры, отдельно плагины?
08:50:50 ДП
User 67164223
ну да
08:50:54 ДП
User 201036437
User 67164223
webpack-merge
Почему не {...part1, ...part2}?
08:51:12 ДП
User 67164223
module.exports = () => ({
  module: {
    rules: [
      {
        test: /\.(png|svg|jpe?g|gif)$/,
        use: [
          {
            loader: 'file-loader',
            options: {
              name: '[sha512:hash:base64:7].[ext]',
              outputPath: 'img/',
            },
          },
        ],
      },
    ],
  },
});
08:51:16 ДП
User 112715267
Если бы было просто общее + dev/prod, то ок
08:51:16 ДП
User 67164223
лоадер для картинок
08:51:19 ДП
User 112715267
А это хуйня
08:52:01 ДП
User 112715267
Чисто разделить для того, чтобы разделить, а потом ебаться с этим
08:52:04 ДП
User 67164223
User 201036437
Почему не {...part1, ...part2}?
вот прочитаешь про то, как спред мержит объекты, тогда поймешь
08:52:17 ДП
User 67164223
User 112715267
Чисто разделить для того, чтобы разделить, а потом ебаться с этим
лол, ты больше ебешься с портянкой
08:52:29 ДП
User 67164223
я потом из конфига убрал одну строку
08:52:34 ДП
User 112715267
User 67164223
лол, ты больше ебешься с портянкой
0 проблем ever
08:52:35 ДП
User 67164223
и убрал не нужный лоадер
08:52:42 ДП
User 67164223
или в нужном лоадере поменял что-то
08:52:47 ДП
User 67164223
и все работает
08:52:55 ДП
User 67164223
легко добавлять новое
08:52:58 ДП
User 112715267
А вот ты ебешься сейчас, что там с чем мержить и почему не работает)
08:53:07 ДП
08:53:10 ДП
User 67164223
у меня все работает
08:53:11 ДП
08:53:16 ДП
User 67164223
я не ебусь ни с чем
08:53:19 ДП
User 112715267
User 67164223
легко добавлять новое
Что нахуй может быть легче, чем добавить строчку в json'e?))))))
08:53:31 ДП
User 112715267
Ясно))
08:53:33 ДП
User 67164223
ну ебать
08:53:46 ДП
User 201036437
Как поймать переменную --mode в конфиге?
08:53:46 ДП
User 67164223
сейчас бы через json конфигурить вебпак
08:53:49 ДП
User 67164223
совсем ебанулись
08:54:02 ДП
User 112715267
User 67164223
сейчас бы через json конфигурить вебпак
Че
08:54:10 ДП
User 67164223
User 112715267
Че
через плечо
08:54:25 ДП
User 112715267
Скажи ещё, что ты webpack-chain юзаешь
08:54:30 ДП
08:54:48 ДП
User 112715267
Ну хоть здесь хуйню не снёс, и на том спасибо 🙊
08:55:03 ДП
User 134905826
User 201036437
Как поймать переменную --mode в конфиге?
process.argv
08:55:27 ДП
User 67164223
User 112715267
Ну хоть здесь хуйню не снёс, и на том спасибо 🙊
хуйню онли ты тут несешь, сори за правду
08:55:39 ДП
User 112715267
User 67164223
хуйню онли ты тут несешь, сори за правду
Окей окей
12:38:01 ПП
User 1086828
Чят, привет. Можете подсказать? Запилил конфиг, но hot reloading в браузере не фурычит 🙁 https://gist.github.com/alec-c4/4e59a2a5025d27b5fff7c056ef5b04d6
gist.github.com/alec-c4/4e59a2a5025d27b5fff7c056ef5b04d6
GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.
12:39:52 ПП
User 1086828
и ещё вопрос - можно ли в entry point-ах сконфигурить определннуую директорию, чтобы оттуда брались все файлы как entry, а не надо было их в конфиг ручками вписывать?
12:41:11 ПП
User 67164223
User 1086828
Чят, привет. Можете подсказать? Запилил конфиг, но hot reloading в браузере не фурычит 🙁 https://gist.github.com/alec-c4/4e59a2a5025d27b5fff7c056ef5b04d6
gist.github.com/alec-c4/4e59a2a5025d27b5fff7c056ef5b04d6
GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.
версия
12:41:33 ПП
User 1086828
User 67164223
версия
"webpack": "^4.1.1"
12:41:53 ПП
User 67164223
User 1086828
"webpack": "^4.1.1"
а пишешь как-будто под вторую
12:42:19 ПП
User 1086828
User 67164223
а пишешь как-будто под вторую
по доке :)
12:42:29 ПП
User 67164223
в доке так не пишут, если чо
12:42:32 ПП
User 1086828
https://webpack.js.org/guides/development/
12:42:39 ПП
User 67164223
entry: {
      app: ['react-hot-loader/patch', './src/index.js'],
    },

раз нужно сделать
12:43:16 ПП
User 67164223
User 1086828
https://webpack.js.org/guides/development/
ну и, кого ты хочешь наебать, как лоадеры писать?
12:43:43 ПП
User 67164223
второе, убрать контент бейс в девсервере
12:44:10 ПП
User 67164223
убрать инлайн
12:44:19 ПП
User 1086828
User 67164223
второе, убрать контент бейс в девсервере
Что даст?
12:44:28 ПП
User 67164223
User 1086828
Что даст?
почитай
12:44:32 ПП
User 67164223
раз ты доку читаешь
12:46:14 ПП
User 1086828
а если не выёбываться, а просто пальцем ткнуть?
12:46:37 ПП
User 67164223
User 1086828
а если не выёбываться, а просто пальцем ткнуть?
я буду выебываться. Совет я тебе дал
12:47:06 ПП
User 1086828
User 67164223
я буду выебываться. Совет я тебе дал
за совет - спасибо, попробую
12:49:44 ПП
User 1086828
спасибо, мужик
12:50:43 ПП
User 147771380
Отрастил скилл - имеешь право выёбываться))
02:06:19 ПП
User 377238783
Привет всем. Читаю доку по вебпаку. Раздел Tree Shaking. Тут написано, что для удаления неактуального кода необходим плагин UglifyJSPlugin. Но в 4ом вебпаке, как я понял, с ключом —mode production из коробки происходит аглификация, минификация и удаление неиспользуемого кода. Я прав и доку просто неуспели обновить или я что-то недопонял?
02:09:12 ПП
User 212795634
да, не обновили
02:10:03 ПП
User 377238783
спасибо
08:06:56 ПП
User 351146
привет, я сейчас пытаюсь настроить express с webpack4 и хот-релоадингов роутов и всего такого прочего, хот-релоадинг работает, но не получается заставить работать —inspect
08:07:39 ПП
User 351146
причем консоль выдает Debugger listening on ws://127.0.0.1:9229/657237f1-c034-4147-acd1-ab3ac7dada31
08:07:41 ПП
User 351146
вебпак 4
08:07:52 ПП
User 351146
в самом коде пишу debugger; , не реагирует
08:11:11 ПП
User 351146
куда смотреть?
08:12:25 ПП
User 212795634
User 351146
куда смотреть?
chrome://inspect
08:12:37 ПП
User 351146
он не реагирует на брейкпоинты
08:13:03 ПП
User 212795634
Вкладку дебага открыл?
08:15:31 ПП
User 351146
я когда запускаю rimraf ./build && node —inspect node_modules/webpack/bin/webpack.js —config webpack.config.server.js у меня автоматически инспектор открывается
08:15:55 ПП
User 351146
если я в скрипт из entry просто добавляю в любое место debugger он не реагирует
08:16:13 ПП
User 212795634
Так причем тут ентри
08:16:14 ПП
User 351146
хотя в бандле он остается
08:16:26 ПП
User 212795634
Ентри не дебажится вебпаком
08:16:30 ПП
User 351146
ну так мне надо серверный код дебажить :)
08:16:31 ПП
User 212795634
Надо сам скрипт
08:16:33 ПП
User 351146
никак вообще?
08:16:46 ПП
User 212795634
Сам скрипт стартуй
08:16:51 ПП
User 212795634
Который после бандла
08:17:07 ПП
User 351146
а, сбилженный...
08:17:15 ПП
08:20:42 ПП
User 351146
User 212795634
Сам скрипт стартуй
так хот-релоадинг же нужен собственно
08:26:19 ПП
User 351146
со сбилженным кое-как работает
08:28:03 ПП
User 351146
использую с https://github.com/ericclemmons/start-server-webpack-plugin
github.com/ericclemmons/start-server-webpack-plugin
start-server-webpack-plugin - Automatically start your server once Webpack's build completes.
08:28:31 ПП
User 351146
Т.е. я хочу, чтобы у меня вебпак билдил серверное приложение, запускал, следил за изменениями и сам менял уже запущенное всё
08:28:52 ПП
User 351146
вообще изначально цель не перезагружать изначальную инициализацию, которая у меня долго происходит
08:29:29 ПП
User 351146
до этого так запускал: nodemon —inspect —watch server/ — ./server/server.js
08:30:22 ПП
User 351146
Но
1. Хочу использовать import
2, Не хочу перезагружать все полностью, у меня в server.js в начале довольно тяжелые операции, и только потом уже запускается express (вот его как раз нужно перезагружать)
08:30:26 ПП
User 351146
как быть?
08:31:55 ПП
User 351146
если без вебпака так можно сделать, это тоже вариант
08:32:34 ПП
User 351146
+ сохранить инспектор, это важно
09:50:37 ПП
User 213704994
Всем привет, я смотрю тут совсем недавно как раз обсуждали тему дебага, но меня это интересует в контексте дебага вебпаковского лоадера. Есть какие-то особенности в их дебаге?
10:02:53 ПП
User 213704994
Вопрос снимается )