webpack serve — страница автоматически не обновляется

Содержимое сайта отображается, но при внесение каких либо изменений контент автоматически не подгружается. Изменения применяются только при обновлении страницы.

Запускаем с помощью команды  

npm run dev

Конфигурация файла package.jsonследующая

... "scripts": { "dev": "webpack serve --mode=development --open --progress --hot", }, ... "devDependencies": { "webpack": "^5.38.1", "webpack-cli": "^4.7.2", "webpack-dev-server": "^3.11.2" }
Code language: JavaScript (javascript)

В моем случае помогло добавление target: 'web' в файл webpack.config.js

var path = require('path') var webpack = require('webpack') module.exports = { target: 'web', entry: './src/main.js', output: { path: path.resolve(__dirname, './dist'), publicPath: '/dist/', filename: 'build.js' }, ... devServer: { historyApiFallback: true, noInfo: true, overlay: true, }, }
Code language: JavaScript (javascript)

Также возможны другие параметры для target. С ними можно ознакомится тут 

0

Добавить комментарий