Webpack 5 开发服务器不会在文件更改时重新加载

问题描述

我对 webpack 很陌生，所以请放纵一下，但我不明白为什么在检测到修改时它没有重新加载页面。使用一些旧版本的 webpack 只需运行 webpack-dev-server 就足够了，但使用这些最新版本我无法到达那里。

这是我的配置：

const path = require('path')
 
module.exports = {
    entry: './src/index.js',output: {
        path: path.resolve(__dirname,'public/scripts'),filename: 'bundle.js'
    },module: {
        rules: [
          {
            test: /\.m?js$/,exclude: /node_modules/,use: {
              loader: 'babel-loader',options: {
                presets: [
                  ['@babel/preset-env']
                ]
              }
            }
          }
        ]
    },target: ['web','es5'],devServer: {
      contentBase: path.resolve(__dirname,'public'),watchContentBase: true
    },devtool: 'source-map'
}

这是我的脚本：

"scripts": {"dev": "webpack serve --mode=development"}

我正在运行的版本：

"webpack": "^5.11.0","webpack-cli": "^4.3.0","webpack-dev-server": "^3.11.0"

感谢您的帮助

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）