如何重新編譯variables.less？

Question

我正在使用Twitter Bootstrap在我的網站上使用.less文件，並且我在變量中更改了一些內容，現在我想重新編譯代碼。任何人都可以指出我如何重新編譯無代碼的源代碼？手動編輯文件不起作用。

Answer 1

試試SimpleLess。它對所有平臺都是免費的http://wearekiss.com/simpless

Answer 2

下面是一組可執行重新編譯更改的操作。我建議你做在不同的文件中進行更改，然後導入與自定義更改文件：

• 建立在相同或平行的目錄custom.less文件（例如：../shared） variables.less文件;在自定義less文件中添加對variables.less文件的引用和常量的新定義（例如：表格的單元格填充）;

  @table-cell-padding:   5px; 
  @table-condensed-cell-padding: 2px; 
  

• 的variables.less後不久添加引用在bootstrap.css文件custom.less文件

  // Core variables and mixins 
  @import "variables.less"; 
  @import "../shared/custom.less"; 
  @import "mixins.less"; 
  

• 編譯網站編譯修改後的減檔（從工具安裝 - >擴展和更新，如果你沒有它）;

• 檢入到bootstrap.css中，自定義值已正確更改爲您在custom.less中設置的值;
• 檢查compilerconfig.json（從Web編譯器創建的文件）您使用編譯創建的文件bootstrap.css與_Layout.cshtml中的引用相同;在這種情況下，修改json文件的outputFile以覆蓋_Layout.cshtml文件中引用的bootstrap.css;