在Angular cli中使用sass/scss

在使用Angular cli时,可以使用sass/scss。

    • project作成時

 

    作成中のProject

请看这个例子。 (Please refer to this example.)

完成项目

在使用Angular CLI创建项目的时候同时使用

$ ng new sass-sample --style=sass # sassのプロジェクト作成
$ ng new scss-sample --style=scss # scssのプロジェクト作成
$ ng new less-sample --style=less # lessのプロジェクト作成

进行中的项目

在Angular6之前

$ ng set defaults.styleExt scss

Angular6及以后的版本

在CLI中进行设置

$ ng config schematics.@schematics/angular:component.styleext scss

angular.json 可以被重新改写为 “角度配置文件”。

"schematics": {
      "@schematics/angular:component": {
      "styleext": "scss"
    }
}
广告
将在 10 秒后关闭
bannerAds