Size: a a a

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

2020 January 17

TG

Timofey Goncharov in Webpack — русскоговорящее сообщество
Kostya bah
извини переневничал...........)))) Все само успокоилось! VS автоматом импорт создал))) Если не подскажешье есть какое обертка чтоли для дебаггинна канваса! ИСПОЛЬЗУЮ chrome но внастройка нет Canvas inspection нет
ну что удалось решить?
источник

Kb

Kostya bah in Webpack — русскоговорящее сообщество
Timofey Goncharov
ну что удалось решить?
да просто VS автоматом импортнул лишний модуль вебпака!
источник

TG

Timofey Goncharov in Webpack — русскоговорящее сообщество
Kostya bah
да просто VS автоматом импортнул лишний модуль вебпака!
внимательное чтение ошибок бы помогло 😉
источник
2020 January 18

ВВ

Владислав Ворон in Webpack — русскоговорящее сообщество
Aleksandr
Возвращаясь к разговору.
Вот так обьявляю хтмл плагин
new HtmlWebpackPlugin({
       chunks: ['index'],
       template: resolve(__dirname, './index.html'),
       filename: '../index.html',
       alwaysWriteToDisk: true,
     }),
....
....
Вот так точки входа обьявляю.
entry: {
     index: './src/index.js',
     index2: './src/index2.js',
index3: './src/index3.js',
index4: './src/index4.js',
index5: './src/index5.js',
}

Чанки
   optimization: {
     splitChunks: {
       chunks: 'all',
     },
   },
Актуальный(из нпм) HTML плагин не добавляет все необходимые точки входа, насколько я понял, не может прочитать эту точку входа, вот репорт по этой трабле
https://github.com/jantimon/html-webpack-plugin/issues/895
после утстановки версии HTML плагина 4.0.0-beta.11 все заработало как нужно.
Структура проекта такая, что там несколько html страниц, а не одна SPA, т.к. есть необходимость показывать эти страницы не только в сборе, но и встраивать в сторонние сайты.
Полезная информация, пригодилась. А вот как быть с кешированием на клиенте не думал?
источник

TG

Timofey Goncharov in Webpack — русскоговорящее сообщество
есть такая задача, есть папка с файлами, a.js, b.js, c.js и нужно на выходе получить эти же файлы пропущенные через webpack. и webpack должен вотчить поддреживая HMR.
в entry передать все их не получиться, потому что хочется что бы после добавления файла не пришлось перезапускать webpack. что посоветуете?
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Timofey Goncharov
есть такая задача, есть папка с файлами, a.js, b.js, c.js и нужно на выходе получить эти же файлы пропущенные через webpack. и webpack должен вотчить поддреживая HMR.
в entry передать все их не получиться, потому что хочется что бы после добавления файла не пришлось перезапускать webpack. что посоветуете?
посоветую перезапукать вебпак после добавления файла
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
небольшой скрипт вотчит папку чекидаром и перезапускает вебпак при добавлении файла
источник

TG

Timofey Goncharov in Webpack — русскоговорящее сообщество
Alex CherryTea
посоветую перезапукать вебпак после добавления файла
очень хорошо, а теперь чуть сложнее) есть loader или какой-то плагин, который принимая файл к примеру a.js создает 2 файла, a.ru.js, a.en.js (добавляя для русского и английского языков). этот плагин, для работы принимает json файлы через опции. но возникает загвоздка, когда изменили .json файл, hot reload не может отработать. как научить hot-reload понимать связь json файла и заставлять снова отработать плагин?
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Timofey Goncharov
очень хорошо, а теперь чуть сложнее) есть loader или какой-то плагин, который принимая файл к примеру a.js создает 2 файла, a.ru.js, a.en.js (добавляя для русского и английского языков). этот плагин, для работы принимает json файлы через опции. но возникает загвоздка, когда изменили .json файл, hot reload не может отработать. как научить hot-reload понимать связь json файла и заставлять снова отработать плагин?
Не представляю. Тот случай когда я бы задумался о том чтобы найти плагин который работает с хрм, или вобще реализовывал это без вебпака
источник

TG

Timofey Goncharov in Webpack — русскоговорящее сообщество
🙁
источник

TG

Timofey Goncharov in Webpack — русскоговорящее сообщество
Alex CherryTea
Не представляю. Тот случай когда я бы задумался о том чтобы найти плагин который работает с хрм, или вобще реализовывал это без вебпака
а как же это сделаешь без вебпака, с hot-reload придется прощаться или реализовывать свой)
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Timofey Goncharov
а как же это сделаешь без вебпака, с hot-reload придется прощаться или реализовывать свой)
ну есть же browser sync
источник

T🐜

The Ant 🐜 in Webpack — русскоговорящее сообщество
Доброго здоровьица.
module: {
 rules: [{
   test: /\.pug$/,
   oneOf: [
     // this applies to <template lang="pug"> in Vue components
     {
       resourceQuery: /^\?vue/,
       use: ['pug-plain-loader']
     },
     // this applies to pug imports inside JavaScript
     {
       use: ['pug-loader']
     }
   ]
 }
}

pug-loader сыпет ошибками на блоках с жс циклами. Чо ему не хватает?
типо такого:
.thumbs
 - for (var i = 0; i < 32; ++i) {
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
The Ant 🐜
Доброго здоровьица.
module: {
 rules: [{
   test: /\.pug$/,
   oneOf: [
     // this applies to <template lang="pug"> in Vue components
     {
       resourceQuery: /^\?vue/,
       use: ['pug-plain-loader']
     },
     // this applies to pug imports inside JavaScript
     {
       use: ['pug-loader']
     }
   ]
 }
}

pug-loader сыпет ошибками на блоках с жс циклами. Чо ему не хватает?
типо такого:
.thumbs
 - for (var i = 0; i < 32; ++i) {
ошибки какие?
источник

A

Aleksandr in Webpack — русскоговорящее сообщество
источник

КС

Кирилл Седунов in Webpack — русскоговорящее сообщество
Ребят, вопрос не по вебпаку - кто-нибудь сталкивался с тем, что npm заворачивает в CI/CD при паблише с 401-й? Токен в переменной NODE_AUTH_TOKEN выставлен
источник

T🐜

The Ant 🐜 in Webpack — русскоговорящее сообщество
Roman Usherenko
ошибки какие?
Неизвестный синтаксис пуга
источник
2020 January 19

N

Nelkor in Webpack — русскоговорящее сообщество
Всем привет! Хочу разобраться с тем, как работает hot module replacement и как им правильно пользоваться. Например, в CSS-плагине. Имеет ли смысл включать его только при дев-сборке и выключать при прод-сборке? Что будет, если поставить его в true и собрать в прод?
источник

N

Nelkor in Webpack — русскоговорящее сообщество
На первый взгляд, ничего страшного не случается
источник

N

Nelkor in Webpack — русскоговорящее сообщество
Кроме того, имеет ли смысл devServer.hot завязывать на mode? Разве он имеет какое-то отношение в продакшену?
источник