Angular CLI 中如何默认使用 SCSS

在 Angular 项目中，你可以使用 Angular CLI 生成一个新的项目，同时还可以选择使用哪种 CSS 预处理器。默认情况下，Angular CLI 会使用 CSS，但其实它也支持更强大的 SCSS 预处理器。

如果你希望 Angular CLI 在创建新项目时默认使用 SCSS，请按照以下步骤进行操作：

步骤

1. 使用 Angular CLI 创建一个新项目：

   ng new my-project
   

2. 进入该项目的根目录，并打开 angular.json 文件：

   cd my-project
   code angular.json # 如果你使用的是 Visual Studio Code，也可以使用 `open` 命令打开文件
   

3. 在 angular.json 文件中找到 schematics 字段，然后将其下面的 @schematics/angular:component 中的 style 字段值从默认的 css 更新为 scss：

   "schematics": {
       "@schematics/angular:component": {
           "style": "scss" // 默认是 "css"
       }
   }
   

4. 保存并关闭 angular.json 文件。

至此，你已经成功地将 Angular CLI 默认的 CSS 预处理器更新为 SCSS 了！

结语

本文向大家介绍了如何在 Angular CLI 中将默认的 CSS 预处理器更新为更强大的 SCSS。通过使用 SCSS，你可以更高效地编写样式，并且可以使用它提供的诸多特性。希望这篇文章能对你有所帮助！