Size: a a a

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

2021 January 14

И

Ил in Webpack — русскоговорящее сообщество
Добрый вечер! Я только изучаю webpack, подскажите, пожалуйста, что необходимо прописать в файле конфига вебпака, чтобы он в режиме разработки на сервере, при сохранении исходного файла JS, сразу же компилил bundle.js?
На текущий момент, у меня такие настройки:
module.exports = {
 mode: 'development',
 entry: './src/index.js',
 output: {
   path: path.resolve(__dirname, './dist'),
   filename: 'bundle.js',
 },
 devServer: {
   historyApiFallback: true,
   contentBase: path.resolve(__dirname, './'),
   open: true,
   compress: false,
   hot: true,
   port: 8080,
 },
};
источник

1

1N54N3 in Webpack — русскоговорящее сообщество
🦜
Нет разницы, подход тот же
ААа офигеть спасиб получилось спустя 2 дня
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
Ил
Добрый вечер! Я только изучаю webpack, подскажите, пожалуйста, что необходимо прописать в файле конфига вебпака, чтобы он в режиме разработки на сервере, при сохранении исходного файла JS, сразу же компилил bundle.js?
На текущий момент, у меня такие настройки:
module.exports = {
 mode: 'development',
 entry: './src/index.js',
 output: {
   path: path.resolve(__dirname, './dist'),
   filename: 'bundle.js',
 },
 devServer: {
   historyApiFallback: true,
   contentBase: path.resolve(__dirname, './'),
   open: true,
   compress: false,
   hot: true,
   port: 8080,
 },
};
Зачем тебе в дев моде бандл?
источник

Artem Рева in Webpack — русскоговорящее сообщество
Ил
Добрый вечер! Я только изучаю webpack, подскажите, пожалуйста, что необходимо прописать в файле конфига вебпака, чтобы он в режиме разработки на сервере, при сохранении исходного файла JS, сразу же компилил bundle.js?
На текущий момент, у меня такие настройки:
module.exports = {
 mode: 'development',
 entry: './src/index.js',
 output: {
   path: path.resolve(__dirname, './dist'),
   filename: 'bundle.js',
 },
 devServer: {
   historyApiFallback: true,
   contentBase: path.resolve(__dirname, './'),
   open: true,
   compress: false,
   hot: true,
   port: 8080,
 },
};
По моему watch=true
Для режима разработки там чуть другой подход. Запускают вебпак дев сервер. Вот тут спека https://webpack.js.org/configuration/watch/
источник

И

Ил in Webpack — русскоговорящее сообщество
🦜
Зачем тебе в дев моде бандл?
Потому что у меня есть импортированные библиотеки
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
Ил
Потому что у меня есть импортированные библиотеки
И?
источник

И

Ил in Webpack — русскоговорящее сообщество
Спасибо, но в доке написано, что этот режим включен по умолчанию.
источник

И

Ил in Webpack — русскоговорящее сообщество
🦜
И?
Ну если не бандл, то они работать в браузере не будут.
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
Ил
Ну если не бандл, то они работать в браузере не будут.
С чего ты взял?
источник

И

Ил in Webpack — русскоговорящее сообщество
🦜
С чего ты взял?
Потому что это было причиной, почему начал использовать вебпак)
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
Ил
Потому что это было причиной, почему начал использовать вебпак)
Какие библиотеки не работают?
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
Как ты их подключаешь?
источник

И

Ил in Webpack — русскоговорящее сообщество
🦜
Какие библиотеки не работают?
Те, что с npm
источник

И

Ил in Webpack — русскоговорящее сообщество
🦜
Как ты их подключаешь?
Import
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
И в чем проявляется их неработоспособность ?
источник

И

Ил in Webpack — русскоговорящее сообщество
В общем, я нашел решение, спасибо)
источник

Artem Рева in Webpack — русскоговорящее сообщество
Ил
В общем, я нашел решение, спасибо)
какое решение? покажи
источник

L

Lookarious in Webpack — русскоговорящее сообщество
Привет, у меня хром выдаёт куча варнингов что он не смог загрузить sourceMap'ы, как вообще отключить сорс мапы для девелопмента? Создал .env файл и написал туда GENERATE_SOURCEMAP=false
Но не сработало?
источник

L

Lookarious in Webpack — русскоговорящее сообщество
DevTools failed to load SourceMap: Could not load content for webpack:///node_modules/styled-components/dist/styled-components.browser.esm.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Artem Рева
какое решение? покажи
Он просто понял что хурму сморозил
источник