在angular 6中使用 less 的实例代码

新项目

ng new [appname] --style less

已有的项目

修改 *.css 文件及引用处后缀名为 less并在 angular.json 文件中设置以下内容

{
 \"$schema\": \"./node_modules/@angular/cli/lib/config/schema.json\",
 \"version\": 1,
 \"newProjectRoot\": \"projects\",
 \"projects\": {
  \"ngTest\": {
   \"root\": \"\",
   \"sourceRoot\": \"src\",
   \"projectType\": \"application\",
   \"prefix\": \"app\",
   \"schematics\": {
    \"@schematics/angular:component\": {
     \"styleext\": \"less\"
    }
   }
 ......
}

以上所述是小编给大家介绍的在angular 6中使用 less 的实例代码，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！