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

Adr*_*and 10 less angular-cli angular

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

Dor*_*use 9

在创建新项目时,您可以这样做ng new project_name --style less.

  • 已经有一段时间了,我用了sass.IIRC for sass我安装了node-sass,将所有css文件重命名为scss及其引用.然后我在angular-cli.json中添加了一些东西,但你也可以做`ng set defaults.styleExt scss`.应该是相似的少. (2认同)

Sal*_*idi 8

对于后期安装,请执行

npm install less --save 
Run Code Online (Sandbox Code Playgroud)

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

  • 在每个组件文件中通过['./xxx.component.less']更改['./xxx.component.css']


小智 5

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

ng new less-project --style=less
Run Code Online (Sandbox Code Playgroud)

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

ng set defaults.styleExt less
Run Code Online (Sandbox Code Playgroud)

;)