如何在 Visual Studio 中构建之前运行多个 webpack 任务？

【问题标题】：How to run multiple webpack task before build in visual studio?如何在 Visual Studio 中构建之前运行多个 webpack 任务？
【发布时间】：2020-01-16 08:06:40
【问题描述】：

我有多个不同“目的”的 webpack 文件，我需要运行不同的 webpack 任务，例如：

package.json:
"scripts": {
  "webpack-dll": "set NODE_ENV=dll && webpack",
  "webpack-admin": "set NODE_ENV=admin && webpack",
  "webpack-dev": "set NODE_ENV=dev && webpack"
}

在构建之前，我想运行 'dll' 'admin' 和 'dev' 任务。但我不能将多个任务绑定到 before build 部分。

有没有办法解决这个问题？

谢谢。

【问题讨论】：

标签： visual-studio webpack package.json task-runner-explorer

【解决方案1】：

您可以在 package.json 的脚本部分中创建另一个条目并调用它。

"scripts": {
  "webpack-dll": "set NODE_ENV=dll && webpack",
  "webpack-admin": "set NODE_ENV=admin && webpack",
  "webpack-dev": "set NODE_ENV=dev && webpack",
  "before-build: "npm run webpack-dll && npm run webpack-admin && npm run webpack-dev"
}

另一种选择是添加npm-run-all 包。然后你可以像这样并行运行任务：

"scripts": {
  "webpack-dll": "set NODE_ENV=dll && webpack",
  "webpack-admin": "set NODE_ENV=admin && webpack",
  "webpack-dev": "set NODE_ENV=dev && webpack",
  "before-build: "run-p webpack-dll && npm run webpack-admin && npm run webpack-dev"
}

【讨论】：