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

Typ*_*ner 3 webpack progressive-web-apps angular-cli angular

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

我正在尝试将manifest.json添加到我的项目中,并且我还尝试添加一个收藏夹图标,这是我的代码:

<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="manifest" href="manifest.json">
Run Code Online (Sandbox Code Playgroud)

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

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

Angular 正在做的事情对我来说非常有用,当我在 Chrome 上按 Ctrl+U 浏览网页源代码时,当我点击 favicon.ico 或manifest.jsonHTML 页面上的链接时,它向我显示index.html了 Angular。

为什么会这样?

如何在 src/ 中添加 mymanifest.jsonfavicon.icobeside 并访问它们?

Mic*_*ati 9

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

apps[0].assets您可以为CLI添加文件捆绑到包括。只需从src/目录中选择相对路径即可。我已经包括了我的一个项目作为参考。(第 10-14 行是你应该看的)