2016-09-07 81 views
0

我想使用引導3和更少。下面是我做的:引導3和更少

  1. 使用NPM
  2. 下載升壓電路(在不同的目錄比我的項目的目錄)少裝安裝Node.js的
  3. 複製整個「/少」子文件夾到我項目的工作目錄。
  4. 創建了我自定義的.less文件(例如styles.less),其中包含以下內容: @import'../less/bootstrap.less'; @import'../less/utilities.less';

  5. 使用節點命令提示符編譯: 'lessc styles.less> styles.css的'

我的問題:

我現在只需要包括編譯styles.css的文件與我的項目,還是我必須包括所有的引導組件?

另外,這個工作流是否推薦? (我實際上在smashingmagazine.com文章中閱讀過類似內容)。 PS:對於這個愚蠢的(我認爲)問題提前道歉。

謝謝!

回答

1

如果您使用

@import "bootstrap.less"; 

..inside你少主文件,那麼bootstrap.less將被編譯時期間包括在內,將是你的編譯styles.css的內部。

您的styles.css編譯完成後,您只需將此文件包含到您的項目中。

PS。另外看看你的styles.css文件,看看那裏已經編譯了什麼。或者玩玩你自己/實驗。例如,創建兩個不同的文件,@將它們導入到main.less中,編譯並查看會發生什麼。

+0

會做,謝謝:) – KHAN

+0

沒問題,很高興幫助:) – herrsiim