如何在我的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

回答