-
Notifications
You must be signed in to change notification settings - Fork 1
bower整合
neekey edited this page Oct 8, 2013
·
2 revisions
ABC对Bower进行了尝试性整合。
Bower is a package manager for the web. 所有的前端相关资源,脚本,样式,图片,字体等等静态文件都可以通过bower进行传输。
- 添加了
src/components目录,所有的bower组件都会被抓取保存至此 - 在KISSY模块中require
components/everything来打包模块 - 在LESS/SASS/CSS-Combo中使用
@import "components/everything"来引入模块 - 可以通过在abc.json中指定组件依赖:
"dependencies": {
"tooltip": "*"
}
- 提供
grunt install命令对abc.json中指定的组件进行抓取 - 提供
grunt search:keyword命令来搜索组件
Bower的组件定义很宽泛,任何静态文件都可以作为组件的内容。但是基本上一个组件以一个git仓库为依托。
bower register,然后输入组建名和对应的可以放问到的git仓库地址,就这么简单。一个标准的bower组件中包含一个叫做bower.json的文件,如果没有,bower就会全盘拉去内容。
通过git仓库的tag。如"tooltip": "0.2.3"则回去拉取0.2.3这个tag上的内容,若未*则拉去的就是master。
目前在着手是否可以用bower的这块机制将KISSY的组件本地化,当然,这只是我们的计划,你如何使用由你决定,但是我们推荐你创建可模块化的一切可以提高前端开发效率的东西:
- 可复用的LESS/SASS/CSS(mixins)模块
- JS模块(任何粒度!)
- 图片
- 字体
- 以上任意资源的组合