在 Azure CI/CD 管道中使用 npm 工作區來構建 React Web 應用程序？

Question

我目前正在使用一個 React Web 應用程序（由我構建並之前擱置），將其帶到現在，然后將可重用的部分折疊成我正在構建的新 React Native 應用程序。 Web 應用程序現在歸於工作區持有者控制的package ，目前將通過 CI/CD 部署在 Azure 上。

為了管理我正在從當前的 repo 開始流行的 monorepo，我想通過需要最小代碼和依賴關系增量的最簡單的工具來做到這一點： npm工作區（ npm v7 的新功能）——而不是很多東西像lerna一樣更重和更少的“庫存”。 但是，似乎 Azure 最新的可用 Node.js 版本是 14，默認為npm v6 的最新次要/補丁版本。 任何人都可以向我確認，如果我在一個包中構建 Web 應用程序的構建序列，它們目前可以在 Azure 的 CI/CD 上工作嗎？ 或者甚至只是給我更多的顏色？

Answer 1

您是正確的，因為 azure 默認為節點 14 和 npm 6。但是您可以在管道中添加一個步驟，在運行任何其他步驟之前簡單地安裝 npm 7。

添加帶有自定義任務的步驟。 將其設置為運行自定義 npm 命令，如下所示（抱歉格式化，電話接聽）：

-task Npm@1 輸入：命令：“custom” customCommand：“install -g npm@7”

之后，您的管道將在整個運行過程中使用 npm 7，從而獲得工作區支持。

然后，您可以繼續運行所有具有工作區支持的 npm 命令，就像在本地一樣。