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

时间:2021-03-28 WeihanLi 人气:3

想了解在angular 6中使用 less 的实例代码的相关内容吗，WeihanLi在本文为您仔细讲解angular中使用less的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：angular中使用less,angular,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 的实例代码，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

加载全部内容