如何设置 webpack devServer 配置来构建另一个目标

Question

我的项目使用的是 webpack v5.89.0。

package.json

有

start

和

prerelease

脚本目标：

scripts": {
  ...,
  "start": "webpack serve --mode development -c webpack.config.js",
  "prerelease": "rm -rf dist/*; npm run build; zip -r dist.zip dist",
  ...
}

要通过

npm run start

运行项目的实时开发版本，我在

webpack.config.js

中有以下指令：

devServer: {
  devMiddleware: {
    writeToDisk: true,
  },
}

为了更快地进行测试更改，我想知道当我通过

prerelease

运行开发服务时，每次在项目中进行更改时是否可以自动执行相当于

npm run start

的目标。我可以向

webpack.config.js

或

package.json

添加规则来启用此功能吗？

Answer 1

您可以使用 webpack watch 和 after emmit hook 来运行自定义任务，或者使用 nodemon 来监视并触发更改时的“预发布”脚本