每次保存后如何自动 运行 Webpack-dev-server？
How to auto run Webpack-dev-server after each save?
我想在使用 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"
},
尝试将 --watch 标志添加到您的启动脚本！
在您的启动脚本中添加一个监视标志。
"start": "webpack-dev-server --mode development --inline --progress --watch"
当您更改捆绑文件时，WDS 将处理重新启动服务器，但是当您编辑 webpack 配置时呢？每次进行更改后重新启动开发服务器往往会在一段时间后变得乏味。通过使用 "nodemon" 监控工具，可以按照 GitHub 中的讨论自动执行此过程。
要让它工作，您必须先通过 npm install nodemon --save-dev 安装它。之后，您可以让它监视 webpack 配置并在更改时重启 WDS。如果你想试一试，这里是脚本：
package.json
"scripts": {
"start": "nodemon --watch webpack.config.js --exec \"webpack-dev-server --mode development\"",
"build": "webpack --mode production"
},
WDS 将来可能会支持该功能本身。如果你想让它在发生变化时重新加载，你现在应该实施这个解决方法。
我想在使用 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"
},
尝试将 --watch 标志添加到您的启动脚本！
在您的启动脚本中添加一个监视标志。
"start": "webpack-dev-server --mode development --inline --progress --watch"
当您更改捆绑文件时，WDS 将处理重新启动服务器，但是当您编辑 webpack 配置时呢？每次进行更改后重新启动开发服务器往往会在一段时间后变得乏味。通过使用 "nodemon" 监控工具，可以按照 GitHub 中的讨论自动执行此过程。
要让它工作，您必须先通过 npm install nodemon --save-dev 安装它。之后，您可以让它监视 webpack 配置并在更改时重启 WDS。如果你想试一试，这里是脚本：
package.json
"scripts": { "start": "nodemon --watch webpack.config.js --exec \"webpack-dev-server --mode development\"", "build": "webpack --mode production" }, WDS 将来可能会支持该功能本身。如果你想让它在发生变化时重新加载，你现在应该实施这个解决方法。