angular 兩個不同的構建命令生成不同的js文件哈希值

Question

我有最新的 angular 項目。 我在 package.json 中得到了兩個不同的package.json命令。 這兩個命令都執行ng build --output-path=...並使用不同--output-path標志在不同位置生成構建文件。 我可以在angular.json中應用任何標志或任何屬性，以便構建文件對這兩個不同的 npm 命令具有不同的哈希值嗎？ 類似於 hash 前綴。 因此index.html文件並不相同，因為它們導入了不同的 js 文件。

背后的原因是：js文件被緩存了。 這兩個 npm 命令是兩個不同的部署（一個用於 ssr，一個用於 csr），我需要緩存 js 文件而不緩存這兩個部署的重疊（需要不同的名稱）。

Answer 1

嘗試在構建命令本身上添加--output-hashing參數，例如：

ng build --output-path=... --output-hashing=bundles

這些值是all 、 bundles 、 media或none 。

這將生成帶有 hash 的 angular 包，如下所示： main.62beb1fb93041eb44194.js ，index.html 將鏈接到這些散列版本。

文檔： https://angular.io/cli/build#options

您還可以像這樣將參數添加到angular.json ：

"build": {
      ...
      "options": {
        ...
        "outputHashing": "all",
      }