Question

当我使用AutoSave OnChange的{{1}}软件包并运行应用程序时，我想自动运行并自动刷新webpack-dev-server。

我的Atom是：

webpack-dev-server

我使用Reactify模板，而package.json的脚本是：

devServer: {
        contentBase: './src/index.js',
        host: '0.0.0.0',
        compress: true,
        port: 3001, // port number
        historyApiFallback: true,
        quiet: true,
    }

Answer 1

尝试将--watch标志添加到您的启动脚本中！

Answer 2

在开始脚本中添加监视标志。

“开始”：“ webpack-dev-server --mode development --inline --progress --watch”

Answer 3

当您更改捆绑的文件时，WDS将处理重新启动服务器的问题，但是当您编辑Webpack配置时会如何处理？每次进行更改时，重新启动开发服务器都会在一段时间后变得无聊。如GitHub中所述，可以使用“ nodemon”监视工具来自动化该过程。

要使其正常工作，必须首先通过npm install nodemon --save-dev安装它。之后，您可以使其监视webpack配置并在更改后重新启动WDS。如果您想尝试一下，请看下面的脚本：

package.json

“脚本”：{ “ start”：“ nodemon --watch webpack.config.js --exec \” webpack-dev-server --mode development \“”， “ build”：“ webpack --mode生产” }， WDS将来可能会支持该功能本身。如果要使其在更改时重新加载，则应暂时实施此变通办法。

每次保存后如何自动运行Webpack-dev-server？

3 个答案: