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

Question

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

{
  "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": {}
}

​

​

Answer 1

构建单spa根节点应用程序时未创建

Dist文件夹

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

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

​

​

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

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