You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular 15编译后图片文件名被修改,如何禁用此行为?

禁用Angular 15构建时的资源哈希命名

Angular构建时给资源添加哈希后缀是默认的缓存优化策略,若要保留图片原始文件名及CSS中的引用路径,可通过修改angular.json的构建配置实现:

  • 打开项目根目录的angular.json文件,找到目标项目的architect > build > options节点
  • 根据需求设置outputHashing属性:
    • 仅保留媒体资源(图片、字体等)原始文件名,同时保留JS/CSS bundle的哈希(推荐,兼顾缓存优化与资源名称保留):
      "outputHashing": "bundles"
      
    • 完全禁用所有资源的哈希命名:
      "outputHashing": "none"
      
  • 确保assets配置包含图片所在目录,保证构建时资源被原样复制到输出目录:
    "assets": [
      "src/favicon.ico",
      "src/assets"
    ]
    
修改完成后重新执行`ng build`,图片文件名会保持原始状态,CSS中的引用路径也不会被修改。

内容的提问来源于stack exchange,提问作者Alessandro Andreatta
相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.11 02:50:55