为什么Angular不能正确支持/中的文件?

时间:2017-06-21 21:08:57

标签: angular webpack angular-cli progressive-web-apps

我是Angular 2+的新手,我已经在使用Angular版本4开发应用程序,我使用CLI创建项目并提供服务。

我正在尝试将manifest.json添加到我的项目中,并且我还尝试添加了一个favicon,这是我的代码:

我在src/中添加了两个文件,这是Angular应用程序的根目录。当我在浏览器上打开应用程序时,图标没有显示(404),也没有找到清单(404)。

当我将favicon放入另一个目录( src/assets/icon/ )时,它按预期工作,但对于manifest.json,它应该在根目录中。

当我点击Chrome页面上的Ctrl + U浏览网页源代码时,当我点击HTML页面上的favicon.ico或manifest.json链接时,Angular正在做什么非常有线。我是Angular的index.html

为什么会这样?

如何在src /旁边添加manifest.jsonfavicon.ico并访问它们?

1 个答案:

答案 0 :(得分:2)

您只需要在项目根目录中的.angular-cli.json文件中定义资源。

apps[0].assets中,您可以添加CLI的文件以包含在捆绑包中。只需从src/目录中选择相对路径即可。 I've included one I have for a project of mine as reference。 (第10-14行是你应该看的)