如何为Angular 2 CLI构建添加更少的内容？

Question

我已经使用Angular CLI创建了一个项目，我想在构建中添加更少的文件。我想要一个主要的少用于共享和全局样式，少一个文件用于本地样式的组件。如何在构建过程中添加无编译文件步骤？

Answer 1

创建新项目时，您可以ng new project_name --style less。

Answer 2

对于安装后，执行

npm install less --save 

然后： - 将组件目录中的所有CSS文件重命名为less

• 在每个组件文件中[＆＃39; ./ xxx.component.less＆＃39;]更改[＆＃39; ./ xxx.component.css＆＃39;]

Answer 3

生成新项目时，您还可以定义样式文件所需的扩展名：

ng new less-project --style=less

或者在现有项目上设置默认样式：

ng set defaults.styleExt less

）

Answer 4

打开.angular-cli.json文件并在＆＃34; styles＆＃34;中添加.less文件的路径。属性。

例如。

"styles": [
        "styles.css",
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "_variables.less"
      ],

Answer 5

我们使用以下命令将现有Angular项目的默认样式类型从styl更新为less。

ng config schematics.@schematics/angular:component.styleext less

以下片段摘自我们的angular.json文件，其中显示了更改：

 "schematics": {
    "@schematics/angular:component": {
      "styleext": "less"
    }

Answer 6

对于一个现有的 Angular 项目，从 css 到 less，我找到了一篇文章 here，它完全符合需要。