如何在Angular项目中全局添加自定义CSS文件（如my_custom.css）？

嘿，我来帮你捋清楚怎么把你的my_custom.css设成全局样式，就像默认的styles.css那样生效。这里有几种靠谱的方法，你可以按需选择：

方法1：修改angular.json配置（最推荐） #

这是Angular官方认可的全局样式配置方式，步骤很直观：

1. 打开项目根目录下的angular.json文件
2. 找到projects -> 你的项目名称 -> architect -> build -> options -> styles数组
3. 把你的my_custom.css路径添加到这个数组里，示例如下：

"styles": [
  "src/styles.css",
  "src/my_custom.css"  // 把自定义CSS的路径加在这里
]

• 如果my_custom.css在子目录（比如src/assets/css/），就写完整相对路径："src/assets/css/my_custom.css"
• 配置修改后，记得重启Angular开发服务（ng serve），新的全局样式才会生效

方法2：在现有全局样式文件中导入 #

要是你不想动配置文件，直接在默认的styles.css里导入也能实现：
打开src/styles.css，在文件顶部添加导入语句：

@import './my_custom.css';

• 同样要注意路径正确性，文件在子目录的话调整路径即可，比如@import './assets/css/my_custom.css';
• 这种方法不用重启服务，保存文件后浏览器会自动刷新生效

方法3：用CLI命令快速添加 #

如果你习惯用命令行操作，可以通过Angular CLI直接修改配置：
在终端运行以下命令（替换「你的项目名称」为实际项目名）：

ng config projects.你的项目名称.architect.build.options.styles.push("src/my_custom.css")

CLI会自动帮你把路径加到angular.json的styles数组里，之后重启服务就行

小提示 #

• 样式优先级：styles数组里后面的文件会覆盖前面文件的相同样式规则，所以如果my_custom.css需要覆盖styles.css里的样式，记得把它放在数组靠后的位置
• 所有相对路径都是基于项目的src目录来编写的，别写错路径哦

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