编译 Azure Static Web App 时如何指定 Node.js 版本

导语

Azure Static Web App 会创建一个使用 Oryx 编译 Web 应用的 GitHub Action。我有一个使用 node.js 编写的 React 应用。但是，Oryx 目前使用的 Node 版本是 14.x。我想使用 16.x 来编译我的应用程序。在 GitHub Action 的编译日志中，可以看到正在使用Node 14.x 版本。

解决方法

不同于通常的 YAML 编译定义，目前 Azure/static-web-apps-deploy@v1 的 GitHub Action 中没有控制Node.js版本的参数。 我们必须修改项目的 package.json 以指定 Node 版本。将以下代码添加到您的 package.json 文件中。

"engines": {
    "node": ">=16.0.0"
}

现在，GitHub Action 就会用 Node.js 16.x 编译你的应用了。

Azure Static Web Apps 是一种服务，可从代码存储库自动生成完整的堆栈 Web 应用，并将其部署到 Azure。

Azure 静态 Web 应用的工作流适用于开发人员的日常工作流。基于代码更改生成并部署应用。

当你创建 Azure Static Web Apps 资源时，Azure 会直接与 GitHub 或 Azure DevOps 交互以监视你选择的分支。每次你向受监视的分支推送提交或接受拉取请求时，系统都会自动运行一次生成，并将你的应用和 API 部署到 Azure。

通常使用不需要服务器端渲染的库和框架（例如，Angular、React、Svelte、Vue 或 Blazor）来生成静态 Web 应用。这些应用包括构成应用程序的 HTML、CSS、JavaScript 和映像资产。对于传统 Web 服务器，这些资产与任何所需的 API 终结点一起由单个服务器提供。