涼亭和文件夾結構

Question

假設我想安裝jQuery UI。我做的命令bower install jquery-ui和涼亭將下載：下載完成後

. 
├── bower_components 
│ ├── jquery 
│ │ ├── dist 
│ │ │ ├── jquery.js 
│ │ │ └── jquery.min.js 
│ │ └── src 
│ └── jquery-ui 
│  ├── themes 
│  │ ├── smoothness 
│  │ │ ├── jquery-ui.css 
│  │ │ └── jquery-ui.min.css 
│  │ └── [The rest of jQuery UI's themes] 
│  ├── ui 
│  │ ├── accordion.js 
│  │ ├── autocomplete.js 
│  │ └── ... 
│  ├── jquery-ui.js 
│  └── jquery-ui.min.js 
└── index.html 

後，包括在我的index.html文件我不得不寫類似bower_components/jquery/dist/jquery.min.js，bower_components/jquery-ui/jquery-ui.min.js和bower_components/jquery-ui/themes/smoo...的CSS等

我習慣用一個更簡單的文件夾結構的工作，像這樣：

. 
├── css 
│ ├── main.css 
│ └── slider.css 
├── js 
│ ├── jquery.min.js 
│ └── jquery-ui.min.js 
├── index.html 
├── contact.html 
└── pricing.html 

我想知道是否有什麼辦法可以讓涼亭自動下載dist文件到我的css, js文件夾，無論我正在安裝什麼？

Answer 1

鮑爾用於一件事 - 抓住這些組件的最新版本，並確保你得到所有你需要的文件。

鮑爾做了一項工作，並被用作「構建管道」的一部分。你應該使用第二個工具，如Grunt或Gulp，或者只是一個帶有複製命令的批處理文件/ shell腳本，如果你願意，只需將你需要的文件從bower_components複製到你想要的文件夾結構中。藉助Grunt和Gulp，這一步驟還可以包括捆綁或縮小腳本和樣式表，甚至將圖像轉換爲精靈表。

這就是說，如果你不介意傾銷所有文件鮑爾將某個組件向下拉進你的結構（可能留下了很多你不想廢話，考慮你的問題的細節） ，您可以use the .bowerrc file更改輸出目錄。 （TL; DR：Bower與宜家一樣，提供扁平包中的零件 - 您不能將包裝放在起居室中，並期望它已成爲桌子，但您可以編寫一些知道包裝內容的東西並且無需手動尋找單個部件就可以準確組裝你想要的東西，或者你可以拆開包裝一次，手動取出你想要的東西，而不再使用鮑爾 - 這沒什麼不妥。）

Answer 2

我用wiredep與gulp.js或Grunt.js包括任何依賴性我的應用需求：

• http://www.gulpjs.com
• http://www.npmjs.com/package/wiredep

它可以讓你自動插入任何涼亭包您的應用程序需要運行。將「wiredep」作爲任務添加到您的任何gulp.js或Grunt.js構建任務中。