@angular/pwa - 如何自定义我的网络清单

Question

我有一个 angular pwa (angular 11.2.8)，我通常用

生成我的生产代码

ng build --prod

在 dist 文件夹中，我可以找到 pwa manifest.webmanifest 文件

现在：我需要从

更改清单文件的两个设置（范围和开始 url）

"scope": "./",
"start_url": "./",

到

"scope": "/",
"start_url": "/index.html",

我不想在 manifest.webmanifest 文件中这样做，因为它不在 VCS 中

我可以将这些设置存储在哪里，以便在下次构建时在清单文件中找到它们？

Answer 1

清单文件的来源位于src\manifest.webmanifest（默认情况下），它（如果还没有的话，应该在源代码管理中进行跟踪）。该文件是在添加 @angular/pwa 包时创建的，应该签入。

您可以修改该文件，它会在构建时复制到dist 输出。