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.json和favicon.icobeside 并访问它们?
您只需要.angular-cli.json在项目根目录下的文件中定义资源。
在apps[0].assets您可以为CLI添加文件捆绑到包括。只需从src/目录中选择相对路径即可。我已经包括了我的一个项目作为参考。(第 10-14 行是你应该看的)
| 归档时间: |
|
| 查看次数: |
5911 次 |
| 最近记录: |