Angular 构建过程以散列资产和资源文件夹的文件名答案

【问题标题】：Angular Build Process to hash the File Name of Asset and Resource FoldersAngular 构建过程以散列资产和资源文件夹的文件名
【发布时间】：2018-10-28 21:31:28
【问题描述】：

我有一个 Angular 4.4.6 应用程序，我使用 Angular CLI 1.0.1 构建它。

我遇到的问题是，除了inline.bundle.js、main.bundle、polyfills.bundle.js、styles.bundle.js、vendor.bundle.js 文件名之外，“assets”和“ resources" 文件夹在我构建应用程序时没有散列。

由于文件名没有经过哈希处理，因此这些文件的请求 URL 保持不变，因此浏览器会自行从缓存中获取这些文件，并且不会反映新的更改。

有人可以帮助我如何散列“资产”和“资源”文件夹的所有文件名以避免缓存这些文件吗？

Build Command: ng build --prod --aot --no-sourcemap --output-hash=all

操作系统：Windows 10

谢谢

【问题讨论】：

试试 webpack，你最终能够在更细粒度的级别上缓存文件，一方面，并且只重新下载实际更改的文件（而不是在主块的哈希时重新下载所有内容变化）。 codeburst.io/…
试试这个构建命令：ng build --prod --aot --sourcemap=false --output-hashing=all

标签： angular angular-cli

【解决方案1】：

只需在angular.json 文件中将 outputHashing 设置为“all”

"projects": {
   ...
      },
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
           ...
          },
          "configurations": {
            "production": {
             ...
              "outputHashing": "all",
...

【讨论】：