假设我要安装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
并为CSSbower_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
文件夹中,而不管我要安装什么?
Bower仅用于一件事-获取这些组件的最新版本,并确保您获得了所需的所有文件。
Bower只能完成一项工作,并且被用作“构建管道”的一部分。然后,您应该使用第二个工具,例如Grunt或Gulp,或者如果需要的话,仅使用带有复制命令的批处理文件/ shell脚本,将bower_components
所需的文件仅复制到所需的文件夹结构中。使用Grunt和Gulp,此步骤还可以包括捆绑或缩小脚本和样式表,甚至将图像转换为精灵表之类的内容。
就是说,如果您不介意将Bower将从某个组件中提取的所有文件转储到您的结构中(考虑到问题的细节,可能会留下很多不需要的废话),则可以使用。 bowerrc文件更改输出目录。
(TL; DR:鲍尔就像宜家一样,用扁平包装交付零件-您不能将包装放在客厅里并期望它已经成为桌子,但是您可以写一些东西来知道包装中的内容并准确地组装什么您无需手动寻找单个零件即可。或者您只需将包装拆开包装,然后手动取回您想要的东西,再也不用使用Bower了-这没什么不对的。)
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句