构建单水疗根节点应用程序时未创建 Dist 文件夹答案

【问题标题】：Dist folder is not getting created while building a single-spa root node app构建单水疗根节点应用程序时未创建 Dist 文件夹
【发布时间】：2020-09-11 10:48:02
【问题描述】：

我开发了一个微前端 UI 应用程序，该应用程序通过 npm start 命令在本地运行，但现在我想部署它，因为我需要在尝试运行时使用 build 命令发布它npm build --prod 或只是 npm build，它没有抛出任何错误，但我没有看到在我的应用程序根文件夹中创建任何 dist 文件夹。下面是我的 package.json 和 app 结构：

{
  "name": "root-html-file",
  "description": "The single-spa root config for coexisting-angular-microfrontends",
  "main": "index.js",
  "scripts": {
    "start": "serve -s -l 4200",
  },
  "author": "Joel Denning",
  "license": "MIT",
  "devDependencies": {
    "serve": "^11.1.0"
  },
  "dependencies": {}
}

【问题讨论】：

标签： node.js deployment build single-spa single-spa-angular

【解决方案1】：

在构建单水疗根节点应用程序时未创建 Dist 文件夹

当我们在 azure 云服务器上构建应用程序时，Azure devops 会将源代码从 repo 签出到构建代理。然后构建管道的输出将保存在这个代理而不是我们的 repo 上。

因此，我们无法从 repo 中看到 dist 文件夹。它保存在代理的本地文件夹中。我们需要使用 copy files 和 publish build artifact 任务将构建工件发布到 Azure Pipelines。

注意：复制文件任务中的Source Folder应为Agent.BuildDirectory或System.DefaultWorkingDirectory，而不是直接通过扩展按钮选择repo中的路径。

如果以上对您没有帮助，请分享您的构建日志，以便我们检查 dist 文件夹是否创建。

【讨论】：

没关系，但是当我运行build 命令时，即使在我的本地机器上也不会创建dist 文件夹
@AshokDamani，如果即使在本地计算机上也没有创建 dist 文件夹，当您运行 build 命令时，此问题应该与 Azure devops 无关，更多与 npm build 和单-spa 节点应用程序，您可以更改标签以获得更好的关注。