javascript - nx.dev 中的构建前和构建后步骤

Question

我正在使用 nx.dev 构建和测试 Web 应用程序。workspace.json包含构建和测试应用程序的脚本，但是构建阶段仍然需要对一些文件进行预处理。

有什么方法可以添加预构建步骤(即指定外部 bash 脚本或 JavaScript 代码)？

在线文档没有提到
https://nx.dev/react/cli/build

Answer 1

build 中没有运行 shell 脚本的选项。 builder 本身，但您可以使用 @nrwl/workspace:run-commands build 者做到这一点。

在您的 workspace.json您应该添加到 architect相关项目的部分。

"architect": {
  "prepare": {
    "builder": "@nrwl/workspace:run-commands",
    "options": {
      "commands": [
        {
          "command": "echo Hello!"
        }
      ]
    }
  }
}

我将目标命名为 prepare但你可以选择任何你想要的名字。然后你可以用 nx prepare [projectName] 执行它.

您可以使用 run-commands组合现有目标，如 build和 test使用任意 shell 命令来形成新的目标。由您决定如何连接。

我在这里整理了一个示例 repo 给你一些想法: https://github.com/jaysoo/nx-run-commands-example