@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 输出。