Angular 17 ng build生成media文件夹，如何修改其名称？

操作步骤 #

• 打开项目根目录的angular.json文件
• 定位到projects -> [你的项目名称] -> architect -> build -> options配置节点
• 添加resourceOutputPath配置项，设置为你需要的自定义目录名（例如assets/css-resources）

示例配置片段：

"projects": {
  "your-project-name": {
    "architect": {
      "build": {
        "options": {
          "resourceOutputPath": "assets/css-resources",
          // 保留其他原有配置项
        }
      }
    }
  }
}

执行ng build重新构建项目后，Angular会将组件CSS中引用的图片、字体等静态资源打包到你指定的目录，不再生成默认的/media文件夹。

补充说明 #

resourceOutputPath是Angular用于指定样式关联资源输出路径的配置项，适用于Angular 12及以上版本（包含17.0.0），可解决与现有/media目录的冲突问题。

配图：

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