Angular 15编译后图片文件名被修改,如何禁用此行为?
禁用Angular 15构建时的资源哈希命名
Angular构建时给资源添加哈希后缀是默认的缓存优化策略,若要保留图片原始文件名及CSS中的引用路径,可通过修改angular.json的构建配置实现:
- 打开项目根目录的
angular.json文件,找到目标项目的architect > build > options节点 - 根据需求设置
outputHashing属性:- 仅保留媒体资源(图片、字体等)原始文件名,同时保留JS/CSS bundle的哈希(推荐,兼顾缓存优化与资源名称保留):
"outputHashing": "bundles" - 完全禁用所有资源的哈希命名:
"outputHashing": "none"
- 仅保留媒体资源(图片、字体等)原始文件名,同时保留JS/CSS bundle的哈希(推荐,兼顾缓存优化与资源名称保留):
- 确保
assets配置包含图片所在目录,保证构建时资源被原样复制到输出目录:"assets": [ "src/favicon.ico", "src/assets" ]
修改完成后重新执行`ng build`,图片文件名会保持原始状态,CSS中的引用路径也不会被修改。 内容的提问来源于stack exchange,提问作者Alessandro Andreatta
相关产品推荐
相关产品推荐

