2013-10-02 74 views
3

我今天想試試yeoman的scss支持。 我遵循的程序:yeoman,SCSS,鮑爾服務器,styles/main.css找不到

  • $喲角
  • 包括Twitter的引導?是
  • 使用Compass CSS Authoring Framework的Twitter Bootstrap的SCSS版本?是
  • $咕嚕服務器

然後默認視圖負荷,但沒有樣式格式。在控制檯中,我可以看到它找不到/styles/main.css文件。
我已經看到指南針把文件放在.tmp/styles/main.css中,所以我試圖在index.html中改變它。但是一樣。此外,我的項目文件夾中沒有.tmp目錄。

所以我運行了「grunt build」並將index.html加載到了MAMP服務器的dist目錄中。同樣,沒有CSS格式,而且沒有錯誤控制檯

回答

0

你不應該在你的index.html中的任何地方放置'.tmp'路徑,它應該像這樣指向'styles/main.css' :

<!-- build:css(.tmp) styles/main.css --> 
    <link rel="stylesheet" href="styles/main.css"> 
    <!-- endbuild --> 

你也應該有在「應用程序/風格/ main.scss」您的實際樣式文件,其中約曼應該爲你創造。當你運行'grunt server'時,它會使用指南針將所有scss文件編譯成一個臨時放在'.tmp'下的css文件,但只要你的scss文件就位,你不需要擔心這一點。我的猜測是,你已經以某種方式刪除或重命名main.scss文件;你應該而不是例如將其重命名爲'main.css'。

+1

嗨,對不起,對於遲來的答案, 我沒有改變任何東西! 這裏看到github上的問題: https://github.com/yeoman/generator-angular/issues/382 – jerome86

0

我有同樣的問題,你的main.scss文件與引導CSS問題

我刪除線(2號線)

@import「引導 - 薩斯官方/供應商/資產/樣式表/自舉';

並沒有更多的問題。它編譯爲main.css