时间戳

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

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

问题描述

我正在使用 angular 8，我在主项目中创建了一个子项目。文件夹结构类似于屏幕截图： 项目结构。 忽略不必要的文件夹

现在我正在处理我的 sub-proj01，我想使用“img”标签在 sub-proj01 的 assets 文件夹中导入一个 xxx.svg 文件。

我试过

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

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

我试过了

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

但我也得到了 404。

那么有人可以给我一些建议，我怎么能得到这个？非常感谢！

标签： htmlangularangular8project-structure

解决方案

去做 angular.json 文件，在名为“assets”的数组中，您将放置一个对象，其中“glob”定义您要复制的内容，“输入”定义您的子项目资产的路径，输出”是最终目标复制外翻。

 "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
          }
        ],

推荐阅读