如何在 Visual Studio 中構建之前運行多個 webpack 任務？

Question

我之前有多個具有不同“目的”的 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”任務。 但是我不能在構建部分之前綁定多個任務。

有沒有辦法解決這個問題？

謝謝。

Answer 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"
}