在开发Angular应用程序期间生成唯一的JS脚本名称

Question

我正在开发一个Angular 6应用程序，开发需要在一个非常自定义的浏览器中进行，其中包含一个非常激进的缓存策略，我无法更改。

问题是浏览器缓存runtime.js，main.js等...

我知道我可以使用ng serve --prod让Angular生成像runtime.a79af62d1feed345ccb6.js这样的独特脚本名称来解决我的缓存问题，但它也很慢。

所以问题是：

有没有办法激活独特的脚本名称生成没有--prod选项的缺点？

也许通过angular.json文件。

Answer 1

好的，我找到了办法。

我在"outputHashing": "all"文件的projects> my-app> architect> build部分添加了angular.json属性。

{
    "builder": "@angular-devkit/build-angular:browser",
    "options": {
        "outputPath": "dist/my-app",
        "index": "src/index.html",
        "main": "src/main.ts",
        "polyfills": "src/polyfills.ts",
        "tsConfig": "src/tsconfig.app.json",
        "assets": [
            "src/favicon.png",
            "src/assets"
        ],
        "styles": [
            "node_modules/bootstrap/scss/bootstrap.scss",
            "src/scss/styles.scss"
        ],
        "scripts": [],
        "outputHashing": "all" <--- Relevant line
    },
    "configurations": { ... },
}