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

Question

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

有没有办法添加预构建步骤（即指定外部 bash 脚本或 JavaScript 代码）？

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

Answer 1

没有在build构建器本身中运行 shell 脚本的选项，但您可以使用@nrwl/workspace:run-commands构建器来执行此操作。

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

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

我命名了目标prepare，但您可以选择任何您想要的名称。然后你可以用nx prepare [projectName].

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

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