Angular8 如何以良好的实践方式在子项目资产文件夹中加载资源？

Question

我正在使用 angular 8，我在主项目中创建了一个子项目。文件夹结构如截图所示：

现在我正在处理我的子项目 01，我想使用 "img" 标签在子项目 01 的资产文件夹中导入一个 xxx.svg 文件。

我试过了

<img src="assets/xxx.svg">

，但在聚合器文件夹中运行 ng 服务后我得到了 404。

我试过了

<img src="projects/sub-proj01/src/assets/xxx.svg">

但我也得到了 404。

那么谁能给我一些建议，告诉我怎样才能得到这个？非常感谢！

Answer 1

执行 angular.json 文件，在名为 "assets" 的数组中放置一个对象，其中 "glob" 定义要复制的内容， "input" 定义路径您的子项目资产和输出”，这是复制 everting 的最终目的地。

 "assets": [
          "src/favicon.ico",
          "src/favicon.png",
          "src/assets",
          {
            "glob": "**/*", //COPY ALL THINGS
            "input": "projects/subproject-name/src/assets", //OF THIS DIRECTORY
            "output": "/assets/" //TO THIS DIRECTORE ROOT
          }
        ],

Angular8 如何以良好的实践方式在子项目资产文件夹中加载资源？

Angular8 How to load resource inside a sub project assets folder in a good practice way?

html

project-structure

angular

angular8