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

Question

我正在使用 Xampp 进行 PHP 开发。此外，我在javascript 中编写代码在MVC 体系结构中。当我在 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的dev server并不是为了节省什么，它只是一个具有live reloading、hot-modules等许多特性的开发服务器。当您运行 webpack 命令（如构建）时，它实际上会创建输出文件，您的 javascript 包和您的静态资产将被复制到您的 dist 文件夹，具体取决于您的配置。

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

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

How could I save webpack-dev-server changes?

javascript

bundle

save

webpack

webpack-dev-server