当我使用Atom的包AutoSave OnChange并运行我的应用程序时，我想自动运行并自动刷新webpack-dev-server。
我的webpack-dev-server是：
devServer: {
contentBase: './src/index.js',
host: '0.0.0.0',
compress: true,
port: 3001, // port number
historyApiFallback: true,
quiet: true,
}我使用Reactify模板，我的package.json的脚本是：
"scripts": {
"start": "webpack-dev-server --mode development --inline --progress",
"build": "webpack --mode production"
},
4条答案
按热度按时间f1tvaqid1#
向启动脚本添加监视标志。
“start”：“webpack-dev-server --模式开发--内联--进度--监视”
tquggr8v2#
尝试将
--watch标志添加到启动脚本中！sg24os4d3#
WDS会在你修改捆绑文件时重启服务器，但是当你编辑webpack配置时会怎样呢？每次修改后重启开发服务器往往会变得很无聊。这个过程可以通过使用"nodemon"监控工具来自动化，如GitHub中所讨论的。
要让它工作，你必须先通过npm install nodemon--save-dev安装它，然后，你可以让它监视webpack配置并在发生变化时重启WDS，如果你想尝试一下，下面是脚本：
package.json
"脚本"：{"开始"："nodemon--监视webpack.config.js--执行" webpack-dev-server--模式开发""，"内部版本"："webpack--mode production "}，WDS将来可能会支持该功能本身。如果要使其在发生更改时自动重新加载，则应立即实施此解决方法。
rkue9o1l4#
截至2023的标记答案对我不起作用。大多数标志返回未知错误。对我起作用的是
{ "start" : "webpack-dev-server --mode development --progress"}