Angular生产打包styles.css带哈希后缀 如何在angular.json中配置去除？

需修改的核心参数 #

需要修改angular.json中的outputHashing参数，该参数用于控制打包后静态资源文件名的哈希后缀生成规则。

具体操作步骤 #

• 打开项目根目录下的angular.json配置文件
• 按照路径找到生产环境配置节点：projects > 你的项目名称 > architect > build > configurations > production
• 修改该节点下的outputHashing配置值：
  默认值为all，表示所有静态资源（JS、CSS、图片、字体等）都会添加哈希后缀，将值改为none即可移除所有资源的哈希后缀，仅保留原始文件名。
  配置示例：

  "production": {
    "outputHashing": "none",
    // 其他生产配置保持不变
    "budgets": [
      // ...原有配置
    ]
  }
  

• 如果你只需要移除CSS和JS的哈希后缀，保留图片、字体等媒体资源的哈希，可将outputHashing的值设置为media。

后续操作及注意事项 #

• 配置修改完成后，需要重新执行生产打包命令ng build --configuration production才会生效，打包后生成的样式文件名将固定为styles.css，不会附带哈希后缀。
• 移除文件名哈希后需要注意浏览器缓存问题，新版本发布时用户端可能会加载到本地缓存的旧版样式，建议搭配服务器配置合理的缓存过期规则，或者版本迭代时手动修改样式文件名称规避缓存问题。
• 该配置同时对全局样式文件和组件独立样式文件生效，不需要额外修改其他样式相关配置。

内容的提问来源于stack exchange，提问作者displayname