將Bower組件安裝到兩個不同的目錄中？

當使用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組件？

來源

2013-04-16 Robb Schiller

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

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

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

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

有grunt tasks，可以幫助你在拆分它，如果你堅持這樣做：

（雖然不推薦）

來源

2013-04-17 09:38:10

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

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

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

app/ 
    scripts/ 
    .bowerrc 
    styles/ 
    .bowerrc 
tests/ 
    .bowerrc

來源

2013-12-06 22:37:28

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

有一個叫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等

來源

2014-02-16 23:14:25 lfender6445

將Bower組件安裝到兩個不同的目錄中？

回答

相關問題