Question

在构建angular 6应用程序时，将生成脚本文件，并因此生成css文件。所有文件的末尾都有哈希值。

是否可以修改这些文件的index.html链接？路径始终是本地文件，但是如果我将它们上传到某些服务器上，则希望例如通过添加我在environment.prod.json中具有的自定义变量url。

Answer 1

是的，您可以为每个环境创建自定义index.html（例如index.prod.html）：

在src文件夹中创建index.html（index.prod.html）的另一个副本，包括该环境中该索引所需要的所有自定义链接，并在angular.json内添加以下内容（fileReplacement部分）：

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

请注意，此选项是固定的，并且可以在Angular 6.1上使用，然后才能将fileReplacements用于索引文件。

Answer 2

在角度8 版本的@Mark Uretsky答案之后，您不应该使用fileReplacements。

请使用此：

      "index": {
        "input": "src/index.prod.html",
        "output": "index.html" // specify the path you want index.html to be generated.
      }

Angular 6-构建时

2 个答案: