Webpack 4观看内容库不起作用

Question

我正在使用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"

我也尝试在webpack.config中显式配置内容库+ watchContentBase：true，但仍然没有乐趣。

这是我的配置：

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]'
        }
    ]
}
};

我的内容库是项目的根文件夹，所以不是/ app或其他。这可能是问题吗？

由于