ng-boilerplate LESS文件未編譯為構建目錄中的CSS文件

Question

CSS（來自LESS）未在我的ng-boilerplate應用中呈現或編譯。

我在這里使用這些教程使用ng-boilerplate和rails創建一個應用程序，並且我們已將可工作的rails服務器與angular集成在一起。 角度可以在任何頁面上工作...如，我們可以使用：

$scope.animal = "dogs"

和

<div> I like {{animal}}! </div>

要得到

I like dogs!

但是，Less和CSS（它是從功能正常的ng-boilerplate應用程序復制並粘貼的，沒有軌道，可以在所有不同的目錄中正常工作並進行編譯）無法編譯到構建目錄或渲染。 實際上，在這個新應用程序（帶有導軌的應用程序）中，甚至ng-boilerplate模板中的原始CSS / less也不會編譯或渲染。

正如本教程所建議的那樣，我們嘗試使用以下命令，這些命令創建了奇怪的嵌套構建目錄（內部版本中的內部版本），但沒有解決問題。

cd public
ln -s ../build UI

同時，UI文件夾使用符號鏈接鏈接到構建文件夾，但是...

LESS（來自不同目錄中的不同文件）都應該編譯為一個名為ng-boilerplate.css的CSS文件（它在沒有Rails的原始應用中完成），而是有一個名為ng-boilerplate-0.3.1的文件。 .css，為空。 我嘗試重命名該名稱，但是每次grunt構建時，它都會將自己重命名為0.3.1。

我使用的是Rails版本4.2.1，ruby說它是2.1.0p0。

Answer 1

我希望您已經找到了解決方案，因為我意識到這篇文章已經很老了。 但是，由於這個問題在我使用Google搜索時顯得相當合理，因此我認為應該有一個答案。

使用ng-boilerplate時，您需要知道，盡管它的編譯過程會找到您的所有JS文件並制作出不錯的已編譯JS代碼，但在其構建過程中對LESS文件卻沒有這樣做。 如果您查看目錄“ src / app / less /”並查看“ main.less”文件，您會看到一條小紙條，上面提到他想自動執行此過程。 取而代之的是，此時您很需要手動導入所有的LESS文件。

對於不確定的任何人來說，導入文件的最少方法是：

@import'../app/less/fileToImport.less'

路徑可以是相對的或絕對的。