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

牛虎如狼

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

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

我试过了

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

,但在聚合器文件夹中运行 ng serve 后得到 404。

我试过

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

但我也得到了 404。

所以有人可以给我一些建议,我怎么能得到这个?非常感谢!

海马罗德里格斯

执行 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
          }
        ],

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用angular8中的tileLoaded?

来自分类Dev

如何在angular8中导入请求选项

来自分类Dev

如何在Angular8中制作通用请求服务

来自分类Dev

无法创建angular8项目

来自分类Dev

如何使用Angular8创建WebOs SmarTV App?

来自分类Dev

遍历模板中的接口时出错-Angular8

来自分类Dev

找不到模块错误:在Angular8中无法解析“ ./”

来自分类Dev

选择标签不显示 angular8 中的默认选项

来自分类Dev

在Angular8的Assets文件夹中获取徽标的不同版本

来自分类Dev

如何确定屏幕上是否显示了动态组件并在Angular8中访问其属性

来自分类Dev

如何为angular8中不是列表的变量的变化设置动画?

来自分类Dev

如何使用Angular8 / Material在Mat-select中添加全选触发器

来自分类Dev

如何解决Angular8中输入字符串格式不正确的问题?

来自分类Dev

在angular8中的电子商务网站下订单后,如何重置可观察的?

来自分类Dev

如何在 Angular8 中创建具有匿名函数的类

来自分类Dev

Angular8下拉值在页面加载时未绑定

来自分类Dev

Angular8 : ng run => '项目目标不存在。' 使用 i18n 时

来自分类Dev

如何使owl-carousel-o的每个图像以angular8占据整个屏幕?

来自分类Dev

如何在不刷新angular8页面的情况下更改url的值

来自分类Dev

如何使用angular8将动态对象数组分配给formgroup

来自分类Dev

如何编译运行时生成的Angular8代码?

来自分类Dev

Angular8 rxjs6 如何等待订阅服务的结果

来自分类Dev

无法通过angular8中的ngx-mqtt连接到MQTT代理

来自分类Dev

为什么媒体查询在Angular8中不起作用

来自分类Dev

在Angular8中使用管道和HttpService时简化API调用

来自分类Dev

在Angular8中检测多个ajax请求状态的最佳专业方法是什么?

来自分类Dev

如何使改组的CSS动画在Angular8中工作?(类似的代码适用于angular2)

来自分类Dev

如何以编程方式在Windows Phone 8中创建相册文件夹

来自分类Dev

如何以编程方式在Windows Phone 8中创建相册文件夹

Related 相关文章

  1. 1

    如何使用angular8中的tileLoaded?

  2. 2

    如何在angular8中导入请求选项

  3. 3

    如何在Angular8中制作通用请求服务

  4. 4

    无法创建angular8项目

  5. 5

    如何使用Angular8创建WebOs SmarTV App?

  6. 6

    遍历模板中的接口时出错-Angular8

  7. 7

    找不到模块错误:在Angular8中无法解析“ ./”

  8. 8

    选择标签不显示 angular8 中的默认选项

  9. 9

    在Angular8的Assets文件夹中获取徽标的不同版本

  10. 10

    如何确定屏幕上是否显示了动态组件并在Angular8中访问其属性

  11. 11

    如何为angular8中不是列表的变量的变化设置动画?

  12. 12

    如何使用Angular8 / Material在Mat-select中添加全选触发器

  13. 13

    如何解决Angular8中输入字符串格式不正确的问题?

  14. 14

    在angular8中的电子商务网站下订单后,如何重置可观察的?

  15. 15

    如何在 Angular8 中创建具有匿名函数的类

  16. 16

    Angular8下拉值在页面加载时未绑定

  17. 17

    Angular8 : ng run => '项目目标不存在。' 使用 i18n 时

  18. 18

    如何使owl-carousel-o的每个图像以angular8占据整个屏幕?

  19. 19

    如何在不刷新angular8页面的情况下更改url的值

  20. 20

    如何使用angular8将动态对象数组分配给formgroup

  21. 21

    如何编译运行时生成的Angular8代码?

  22. 22

    Angular8 rxjs6 如何等待订阅服务的结果

  23. 23

    无法通过angular8中的ngx-mqtt连接到MQTT代理

  24. 24

    为什么媒体查询在Angular8中不起作用

  25. 25

    在Angular8中使用管道和HttpService时简化API调用

  26. 26

    在Angular8中检测多个ajax请求状态的最佳专业方法是什么?

  27. 27

    如何使改组的CSS动画在Angular8中工作?(类似的代码适用于angular2)

  28. 28

    如何以编程方式在Windows Phone 8中创建相册文件夹

  29. 29

    如何以编程方式在Windows Phone 8中创建相册文件夹

热门标签

归档