如何申报资产?

时间:2017-08-04 16:30:37

标签: angular angular-cli

在angular-cli.json文件中,有一个apps / assets键可以让我使用资产。

我可以声明我放在那里的所有图像,然后我可以使用它。但这显然不是这样做的,对吗?

“Wtf这个同伴编码是否意味着什么?”,你现在就是我想的,所以这是我的问题:

.angular-cli.json:

"apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.png"
      ],
      // Other things that do not matter
  ],

代码中的某处:

<img src="assets/images/mycoolimage.png" alt="Johannes banannes">

资产文件夹(包括图片):

src/assets/images/mycoolimage.png

我得到404说没有找到图像。查看angular-cli.json,其中声明了assets文件夹。这不应该意味着,应该包括所有资产吗?例如,favicon.png可以在代码中的任何位置使用以下内容进行访问:

<img src="favicon.png">

如果在assets部分(angular-cli.json)中声明了“assets”,则不应使用以下内容在任何地方提供其内容:

<img src="assets/images/mycoolimage.png">

非常感谢任何帮助。

编辑:以下是显示我的文件夹结构的屏幕截图:

Screen

1 个答案:

答案 0 :(得分:0)

如果不是这样的话,请随意添加答案。如果你的解决方案比我的解决方案更好,我会接受它。

.angular-cli.json中,我添加了以下内容:

"apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "assets/images", //<<<--- This line
        "favicon.png"
      ],
      // Other things that do not matter
  ],

它让我可以访问图像。只宣布“资产”不起作用。看起来像angular只包含子文件,但不包括子文件夹。