在Angular中包含共享资产

时间:2019-01-24 20:53:40

标签: angular webpack angular-cli nrwl

我已经创建了一个角度工作区,其中包含多个角度项目和库。

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

"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 个答案:

答案 0 :(得分:0)

希望您能解决这个问题。在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"
    }
  ]