如何在我的Angular 2 CLI版本中添加更少？

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

https：//开头的github .com/angular/angular-cli/wiki/stories-css-preprocessors –

在.angular-cli.json中添加您的全球少量文件到'样式'，例如''styles'：[ “my-style.less”，“styles.css”]'作为组件less文件，只需使用'styleUrls：['./component.less']' –

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

2017-05-09 10:01:51 Dormouse

你知道如何安装后启用它？ – Thomas

已经有一段时间了，我使用了sass。 IIRC for sass我安装了node-sass，将所有css文件重命名为scss及其引用。然后我在angular-cli.json中添加了一些东西，但是你也可以设置defaults.styleExt scss。应该少一点相似。 – Dormouse

对于安装后，请执行npm install less --save并将组件目录中的所有CSS文件重命名为less。 –

打开.angular-cli.json文件并将路径添加到“styles”属性中的.less文件。

例如。

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

2017-07-17 13:16:39

对于安装后，执行

npm install less --save

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

2017-11-26 20:06:00

当gen erating一个新的项目，你也可以定义你想要的样式文件扩展名为：

ng new less-project --style=less

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

ng set defaults.styleExt less

;）

2018-02-19 13:50:55

回答