凉亭和文件夹结构
假设我想安装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
文件夹,无论我正在安装什么?
鲍尔用于一件事 - 抓住这些组件的最新版本,并确保你得到所有你需要的文件。
鲍尔做了一项工作,并被用作“构建管道”的一部分。你应该使用第二个工具,如Grunt或Gulp,或者只是一个带有复制命令的批处理文件/ shell脚本,如果你愿意,只需将你需要的文件从bower_components
复制到你想要的文件夹结构中。借助Grunt和Gulp,这一步骤还可以包括捆绑或缩小脚本和样式表,甚至将图像转换为精灵表。
这就是说,如果你不介意倾销所有文件鲍尔将某个组件向下拉进你的结构(可能留下了很多你不想废话,考虑你的问题的细节) ,您可以use the .bowerrc file更改输出目录。 (TL; DR:Bower与宜家一样,提供扁平包中的零件 - 您不能将包装放在起居室中,并期望它已成为桌子,但您可以编写一些知道包装内容的东西并且无需手动寻找单个部件就可以准确组装你想要的东西,或者你可以拆开包装一次,手动取出你想要的东西,而不再使用鲍尔 - 这没什么不妥。)
我用wiredep与gulp.js或Grunt.js包括任何依赖性我的应用需求:
它可以让你自动插入任何凉亭包您的应用程序需要运行。将“wiredep”作为任务添加到您的任何gulp.js或Grunt.js构建任务中。
使用wiredep,你可以在bower.json指定覆盖,和您的文件由wiredep自动添加到您的网页 “覆盖”:{ “引导”:{ “主”: “少/ bootstrap.less “ ”DIST/CSS/bootstrap.css“, ”DIST/JS/bootstrap.js“ ] }, ”角toastr“:{ ”主“:[ ” DIST /角-toastr.css“, ”dist/angular-toastr.js“, ”dist/angular-toastr.tpls。js“ ” } } – sawe