Question

假设我想安装jQuery UI。我执行命令bower install jquery-ui并且bower将下载：

.
├── 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和css bower_components/jquery-ui/themes/smoo...等的内容。

我习惯使用更简单的文件夹结构，如下所示：

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

我想知道是否有任何方法可以让bower自动将dist文件下载到我的css, js文件夹，无论我正在安装什么内容？

Answer 1

Bower用于一件事 - 获取这些组件的最新版本并确保获得所需的所有文件。

Bower完成一项工作，并被用作“构建管道”的一部分。然后你应该使用第二个工具，如Grunt或Gulp，或者只是一个带有复制命令的批处理文件/ shell脚本，如果你愿意，只复制你需要的文件{{ 1}}进入您想要的文件夹结构。使用Grunt和Gulp，此步骤还可以包括捆绑或缩小脚本和样式表，甚至将图像转换为精灵表。

那就是说，如果你不介意转储所有文件，Bower将从某个组件下拉到你的结构中（考虑到细节可能会留下很多你不想要的垃圾）在您的问题中），您可以use the .bowerrc file更改输出目录。

（TL; DR：Bower就像宜家，在扁平包装中提供零件 - 你不能把包裹放在起居室里，并且希望它已经是一张桌子了，但是你可以写一些知道包裹内有什么的东西无需手动寻找各个零件就可以完全按照你想要的方式装配。或者你只需打开包装一次即可手动取出你想要的东西，再也不要再使用Bower了 - 这没有什么不妥。）

Answer 2

我将 wiredep 与gulp.js或Grunt.js一起使用，以包含我的应用所需的任何依赖项：

它允许您自动插入应用运行所需的任何bower包。将“wiredep”添加为任何gulp.js或Grunt.js构建任务的任务。

凉亭和文件夹结构

2 个答案: