angular - 构建后或部署期间在 ngsw 中重新生成内容哈希

Question

我们有一个使用 Angular Service Worker 的 Angular 应用程序。

众所周知，该服务工作线程会将缓存文件中的内容哈希值与 ngsw.json 文件中的哈希值进行比较。

现在，我们已经设置了持续集成和交付(使用 Azure DevOps，但应该无关紧要)，并且在交付阶段，我们正在修改 environment.json 文件中的一些设置(比如配色方案、API url...都与部署目标相关)。问题是，通过修改该 json 文件，哈希值不再与 ngsw.json 文件中该文件的哈希值匹配。

我们绝对不想重建专用的目标环境，因为这违背了 CI/CD 的目的。 (一旦包进入 QA 流程，您就不想为生产环境重建包)。

所以问题是:在修改 environment.json (或任何其他)文件后，有没有办法在 ngsw.json 文件中重新生成哈希值？或者有其他解决方案吗？

Answer 1

您是在谈论以下命令吗:

node_modules/.bin/ngsw-config dist src/ngsw-config.json

您可以将命令放入 package.json 中:

  "scripts": {
    "ngsw-config": "node_modules/.bin/ngsw-config dist src/ngsw-config.json"
  }

这将为您重做配置和哈希值。在您的最终命令之后运行它，这在您的 CI 环境中应该是可能的。

另请注意，如果您使用其中之一，它可以采用基本 href 参数。

更多说明请参见:Angular doc