2017-10-16 101 views
0

我正在使用Angular的bootstrap。Angular 4 with Bootstrap - LESS/SASS

由於我們在Angular中的每個組件都有css文件,所以我想知道SASS/LESS的部分功能。例如。如果我試圖將LESS/SASS合併到我的角度應用中,我是否會逆潮流游泳?

+0

完全不是,如果您使用的是角度cli,它內置了css處理器來傳輸較少/ sass。例如,在我的項目中,我使用引導程序3 css +我的自定義更少 – LLai

+0

不知道這是否開箱即用,但我將一些文件從css重命名爲scss,因爲我想在某些組件中進行一些「繼承」,並且它們一直在工作而不觸及其他事物。編輯:@LLai證實它是內置的,如果你使用ng cli :) –

+0

絕對不是,在你的應用程序中使用SASS/LESS是一個好主意。你只需要建立一個過程來編譯和輸出你的SASS/LESS文件。我會推薦吞嚥。 –

回答

2

絕對是一個好主意,使用sass或更少。在因素Agnular CLI支持它。 如果你使用的是Angular CLI,你可以告訴它使用sass而不是css。這裏有一篇來自scotch.io(我的最愛之一)的文章,介紹瞭如何在Angular CLI中使用sass。通常,要開始使用sass的Angular應用程序,請使用以下命令。

ng new my-app --style=scss

如果您想更新現有的CSS應用程序,可以運行下面的命令來更新默認。

ng set defaults.styleExt scss

從,那裏,你將需要更新您的.css文件到.scss的名稱。那你應該很好。