在 Angular 中,可以通过使用插件来为 assets 文件添加哈希值。以下是一种解决方法:
npm install --save-dev @angular-devkit/build-angular
angular.json
文件,找到 "architect"
部分的 "build"
配置。在 "options"
对象中添加 "outputHashing"
属性,并将其设置为 "all"
。示例如下:"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist/my-app",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "tsconfig.app.json",
"assets": [
"src/assets"
],
"styles": [
"src/styles.css"
],
"scripts": []
"outputHashing": "all" // 添加这一行
},
"configurations": {
"production": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
],
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"aot": true,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true
}
}
}
}
ng build --prod
这样,构建过程中的 assets 文件将会自动添加哈希值。例如,如果有一个名为 logo.png
的文件,构建后的文件名可能会变为 logo.85b68a1e4567.png
。