導入指南針樣式使用約曼

Question

薩斯我創建使用yo webapp項目（有明顯安裝了generator-webapp）。 一切都很好，但我仍然缺少一些東西。我確信這是一個簡單的答案，我永遠不會回到SO，因爲我會太尷尬。

我想用羅盤，它出來與約曼的方塊，但我不知道怎麼辦。我的意思是，明明@import "compass...etc"內的任何無禮文件，因爲裏面app/bower_components（用於內部Gruntfile.js指定薩斯@import S中的默認路徑）也沒有compass目錄將無法正常工作。

我應該以進口指南針樣式現在怎麼辦？

Answer 1

您可以像往常一樣使用指南針。如果您使用compass create設置了一個香草指南針項目，則還有compass文件夾。如果您想使用任何助手指南針，您可以按照文檔中的描述導入它們，例如

@import "compass/css3"; 

.mybox { 
    @include box-shadow(red 2px 2px 10px); 
} 

main.scss

Answer 2

你將不得不安裝咕嚕任務指南針npm install grunt-contrib-compass和調整Gruntfile.js添加一個任務指南針編譯。

它看起來並不那麼容易，因爲它有一些棘手的部分，比如編譯你的sass到.temp/main.css用於測試/ livereload，然後在最終構建時將它縮小到dist。

最簡單的方法可能是隻是嘗試另一個發生器，在一個單獨的目錄指南針。例如angular發生器具有指南針，甚至指南針的引導程序。它太酷了。