我如何保存webpack-dev-server的更改？

Question

我正在使用Xampp进行PHP开发。另外，我用MVC架构的javascript编写代码。当我在NPM中运行"dev": "webpack --mode development"时，一切正常，并且我在bundle.js中看到了更改。但是，当我运行"start": "webpack-dev-server"并转到localhost：8080 / js / bundle.js时，我看到了更改，但实际上并没有保存。因为我转到我的虚拟主机，所以没有变化！我怎样才能准确保存更改？为什么会这样呢？这是我的webpack配置：

module.exports = {
    entry: ["babel-polyfill","./resources/assets/js/hadi/index.js"],
    output: {
        path: path.join( __dirname, 'public/js'),
        publicPath: '/js/',
        filename: 'bundle.js'
    },
    devServer: {
        contentBase: path.join(__dirname, 'public'),
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use:{
                    loader: "babel-loader"
                }
            }
        ]
    }
};

Answer 1

webpack的开发服务器并不意味着要保存任何东西，它只是具有实时重载，热模块和许多其他功能的开发服务器。当您运行webpack命令（如构建）时，它实际上会创建输出文件，这取决于您的配置，您的javascript包和静态资产将复制到dist文件夹中。

生产包的大小要轻得多，因此可以进行部署，并且开发服务器在运行时只是将临时包存储在内存中。