angular/cli のプロダクションビルド時に、生成物のファイル名がランダムにならないようにする

小ネタ

@angular/cli のコマンドを使ってプロダクションビルドを行うとき、ng build コマンドに --prod オプションを付ける。

$ng build --prod

ただし、デフォルトでは dist フォルダの配下に生成されるファイル名の末尾には、ランダムな英数字が付加されてしまう。

  • main.008be6ee3613cb79cb56.js
  • polyfills.2f4a59095805af02bd79.js
  • runtime.a66f828dca56eeb90e02.js
  • styles.34c57ab7888ec1573f9c.css

このランダム文字列が不要な場合は、angular.jsonoutputHashing"none" を設定すればよい。

  "configurations": {
    "production": {
      "fileReplacements": [
        {
          "replace": "src/environments/environment.ts",
          "with": "src/environments/environment.prod.ts"
        }
      ],
      "optimization": true,
      "outputHashing": "none", // ★ここ
      "sourceMap": false,
      "extractCss": true,
      "namedChunks": false,
      "aot": true,
      "extractLicenses": true,
      "vendorChunk": false,
      "buildOptimizer": true
    }
  }