2014-02-23 234 views
0

我正在使用Yeoman。我對它很陌生。我試圖在我的網站的子目錄中建立一個項目,並在我的index.html文件中,我想訪問存儲在我網站其他地方的目錄中的文件。這裏的事情是如何建立一個粗略的想法:Yeoman:「咕嚕咕嚕」任務和相對路徑

main site -> css -> grid.css 
      |  -> main.css 
      | 
      -> project -> app -> index.html 
        | 
        -> dist 
        | 
        -> test 
        | 
        -> gruntfile.js etc 

的問題是,如果index.html中我試着然而,許多使用這種相對路徑

'./../../css/grid.css' 

(或../ s需要到達實際文件),然後運行'grunt serve'服務器似乎無法找到它們。那麼,我怎麼能告訴這些文件存在?

在使用WAMP和PHP之前,我只需要設置一個變量,並在實況環境和測試環境之間有一個包含文件的地方。我猜測類似的可能使用Grunt,但我不確定如何將該變量插入到HTML中並將其提取出來。

任何想法?

在此先感謝。

+0

你用什麼自耕農發電機共同文件? ('yo webapp'?) - 爲什麼你的項目之外的css文件?他們應該是像'project/app/css /' –

+0

我使用標準的yo webapp生成器。這些文件在項目之外,因爲它們在其他項目中很常見,我不想在每次啓動新文件時將它們複製並粘貼到app/styles /目錄中。 – Godwhacker

回答

0

如果您的文件位於您的項目之外,那麼請在運行該項目之前將您的Grunt腳本更改爲將文件複製到項目中。

一個更好的方法我使用了幾次,是我創建了一個通用項目,並使用Bower將這個通用項目包含在我的web項目中。 這將通過增加這樣一行到你的bower.json

"my-common": "../common/", 

然後鮑爾將確保包中的所有文件來完成同樣的方式,因爲它會與其他亭子的組件(jQuery的,引導等做)

在你的HTML,你將不得不以參考,以你喜歡這個bower_components/my-common/my-file.css

+0

美妙的想法,作品一種享受。乾杯! – Godwhacker