2013-04-16 65 views
26

當使用CSS和JS組件時,有可能,甚至是否有意義將它們安裝到不同的目錄中?將Bower組件安裝到兩個不同的目錄中?

. 
|-- app 
    |-- scripts 
     |-- components   # js components go here 
      |-- backbone-amd 
      |-- etc 
    |-- styles 
     |-- modules 
     |-- partials 
     |-- components   # sass components go here 
      |-- normalize.scss 
      |-- etc 

什麼是組織這樣一個項目的最有效的方式?是否有一個很好的Grunt任務來完成爲開發環境集成bower安裝的sass組件?

+0

通過「JS組件」,你的意思是針對特定的JavaScript庫的CSS文件? – cimmanon

+0

不,我的意思是通過[bower](http://twitter.github.com/bower)安裝的js庫。 –

+0

我在這裏沒有看到問題。如果所有的Sass文件都在一個位置,並且生成的CSS文件位於另一個位置,那麼組織方式並不重要。 – cimmanon

回答

15

Bower需要跟蹤您安裝的每個組件。如果他們分散在多個地點,這將是非常困難的。對於Sass開發,只需將組件文件夾放在Sass搜索路徑中即可。


grunt tasks,可以幫助你在拆分它,如果你堅持這樣做:

(雖然不推薦)

+6

謝謝Sindre,我不認爲這是可能的或真正意義上的。當文件按照這種方式組織時,我感到頭腦更好。感謝你在Bower,Grunt等人的努力工作!感謝您推動網絡向前! –

0

也許您可以將.bowerrc文件放在不同目錄中,您可以在其中將"directory"鍵配置爲指向Bower組件目錄。

但你需要cdbower install whatever之前修正目錄:

app/ 
    scripts/ 
    .bowerrc 
    styles/ 
    .bowerrc 
tests/ 
    .bowerrc 
+0

這將不起作用,因爲鮑爾將在您目前的工作目錄中查找「bower.json」。 –

13

有一個叫bower-installer節點包,提供用於管理備用安裝路徑的單一命令。

運行npm install -g bower-installer

設置您bower.json

{ 
    "name" : "test", 
    "version": "0.1", 
    "dependencies" : { 
    "jquery-ui" : "latest" 
    }, 
    "install" : { 
    "path" : { 
     "css": "src/css", 
     "js": "src/js" 
    }, 
    "sources" : { 
     "jquery-ui" : [ 
     "components/jquery-ui/ui/jquery-ui.custom.js", 
     "components/jquery-ui/themes/start/jquery-ui.css" 
     ] 
    } 
    } 
} 

然後運行bower-installer命令。

這將安裝components/jquery-ui/themes/start/jquery-ui.css./src/css

相關問題