在 Angular 中包含共享资源

Posted 2023-03-23

【中文标题】在 Angular 中包含共享资源

【英文标题】：Include Shared Assets In Angular

【发布时间】：2019-06-18 16:34:02

【问题描述】：

我创建了一个 Angular 工作区，其中托管了多个 Angular 项目和库。

在工作区中，我有一个共享库，其中包含所有资产（图像和徽标）。

"assets": [
              "projects/xxx-workspace/src/favicon.ico",
              "projects/xxx-workspace/src/assets",
              "projects/xxx-shared/src/lib/images"
          ]

“projects/xxx-shared/src/lib/images”

但是在构建应用程序时会抛出错误：-

资产路径必须以项目源根目录开头。

实现这一目标的预期配置是什么。

【参考方案1】：

希望你明白这一点。在 nrwl connect https://connect.nrwl.io/app/cookbook/3lUhYk6aXO4kiKqfTfj3fs 上有一篇关于此的食谱文章。简而言之，Angular cli 不允许您以该语法引用项目源之外的资产，因此您可以使用此语法 https://angular.io/guide/workspace-config#assets-configuration

  "assets": [
    
      "input": "libs/my-lib/src/lib/assets",
      "glob": "*.png",
      "output": "assets"
    
  ]