angular cli 创建 ng-zorro-antd 组件如何默认使用 less
0
所有回答(1)
0
您可以通过配置 Angular CLI 的默认样式预处理器来实现默认使用 less。
首先，安装 less 和 less-loader：
css
npm install less less-loader --save-dev
然后，打开 Angular CLI 的全局配置文件 .angular-cli.json，在 "defaults" 对象下添加 "styleExt": "less"：
json
Copy code
"defaults": {
"styleExt": "less",
"component": {
...
}
}
最后，使用 ng g 命令创建 ng-zorro-antd 组件时，就会默认使用 less 作为样式预处理器：
ng g ng-zorro-antd:layout-basic layout
注意：如果您使用的是 Angular 6 或更高版本，.angular-cli.json 文件已经更名为 angular.json。在 angular.json 文件中添加以下内容：
perl
"projects": {
"your-project-name": {
...
"schematics": {
"@schematics/angular:component": {
"styleext": "less"
}
}
}
}