Я использую webpack 4.7 и по какой-то причине страница не обновляется при внесении изменений.Я вижу, как моя scss / css перекомпилируется, но не запускает обновление, то же самое для index.html
Я использую команды через package.json:
"dev": "webpack-dev-server --open --mode development --watch-content-base js/index.js --output dist/main.js"
IЯ также пытался явно настроить базу контента + watchContentBase: true в webpack.config, но все равно не радует.
Вот мой конфиг:
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const CleanWebpackPlugin = require('clean-webpack-plugin');
const path = require('path');
module.exports = {
devServer: {
contentBase: [path.resolve(__dirname, "")],
publicPath: '/dist/',
overlay: true
},
plugins: [
new CleanWebpackPlugin('dist', {}),
new MiniCssExtractPlugin({
filename: "main.css"
})
],
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
}, {
test: /\.scss$/,
use: [
MiniCssExtractPlugin.loader,
{
loader: "css-loader",
options: {
modules: false,
sourceMap: true,
importLoader: 2
}
},
"sass-loader"
]
},
{
test: /\.(jpe?g|gif|png)$/,
loader: 'file-loader?emitFile=true&name=[path][name].[ext]'
}
]
}
};
Моя база контента - это корневая папкапроект, так что не / приложение или что-то еще.Может ли это быть проблемой?
Спасибо