在流星應用中導入Flat-Ui

Question

我正在嘗試在流星中引入flat-ui主題。我已經添加了mrt：bootstrap-3和更少的軟件包。然後，我從項目目錄中的lib/Flay-UI-2.2.2 /內的flat-ui項目中複製了文件夾字體，img，js和less。不過，我有以下編譯錯誤：

While building the application: 
lib/Flat-UI-2.2.2/less/modules/button-groups.less:12:35: Less compiler 
error: variable @brand-primary is undefined 
lib/Flat-UI-2.2.2/less/modules/buttons.less:10:14: Less compiler error: 
variable @btn-font-size-base is undefined 
... 

它看起來是不正確的順序編制，我怎麼能解決這個問題呢？我也嘗試將flat-ui.less與flat-ui.import.less重命名，但沒有任何成功。

更新1 在@ user3435693的指示之後，我能夠編譯。但是我仍然有一些麻煩。我無法使用複選框和開關。例如，我看到這樣的

，而不是這個

開關加上我沒能看到glyphicons。任何建議？

Answer 1

看來我已經想通了它是如何工作：

1. 把less文件夾中的client文件夾內。

2. 將所有文件的文件擴展名從.less更改爲.import.less以及@ user3435693所說的所有導入。

3. 添加mizzao:bootstrap-3。

4. 將img和fonts文件夾放在public文件夾中。

5. 連接jQuery的腳本，模板與

   Template.myTemp.rendered = function() { 
       $.getScript('your/path/to/lib/application.js'); 
       $.getScript('your/path/to/lib/flat-ui.min.js'); 
   }; 
   

然後它的作品！

Answer 2

我認爲如果您將flat-ui.less重命名爲flat-ui.import.less，這還不夠。

如果您更喜歡從Flat UI repo，而不是一個包中使用的文件，我將進行如下：

1. 重命名你的客戶端代碼<flat_ui_directory>中的每個文件，包括.import關鍵字。
2. 重命名每一個在flat-ui.import.less由進口到包括.import關鍵字
3. 導入flat-ui.import.less你自己少的文件，例如style.less

希望工程。