Angular CLI v6.0.0中用config命令修改现有项目样式扩展为SCSS

一、修改默认样式扩展名的具体命令 #

在Angular CLI v6版本里，ng set确实已经被ng config取代了。要把现有项目的默认样式扩展名改成SCSS，你需要针对项目的构建和测试配置分别进行设置：

1. 先确认你的项目名称（单项目场景下，可通过ng config defaultProject命令查看默认项目名）
2. 设置构建环节的默认样式扩展名：

ng config projects.[你的项目名].architect.build.options.styleext scss

3. 设置测试环节的默认样式扩展名（保证测试相关的样式配置同步更新）：

ng config projects.[你的项目名].architect.test.options.styleext scss

如果你的项目是单项目且用的是默认配置，也可以用更简洁的写法（不过还是建议明确指定项目名，避免潜在的配置歧义）：

ng config projects.default.architect.build.options.styleext scss
ng config projects.default.architect.test.options.styleext scss

二、查看ng config的详细文档 #

因为ng help只给出了简短说明，你可以直接在命令行执行：

ng config --help

这个命令会输出ng config的完整用法，包括参数说明、配置路径的写法、实用示例等详细信息。

另外，你也可以直接打开项目根目录下的angular.json文件，手动修改对应的styleext字段——这和使用ng config命令的效果完全一致，修改后保存就能生效。

三、额外需要注意的点 #

• 如果项目里已经存在旧扩展名的样式文件（比如.css或.styl），需要手动把它们重命名为.scss
• 同时要更新对应组件元数据中的styleUrls引用，确保路径和文件名完全匹配

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