Skip to content
neekey edited this page Oct 8, 2013 · 2 revisions

ABC对Bower进行了尝试性整合。

Bower是什么?

Bower is a package manager for the web. 所有的前端相关资源,脚本,样式,图片,字体等等静态文件都可以通过bower进行传输。

ABC整合了什么?

  • 添加了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。

我如何在ABC中应用这些组件?

目前在着手是否可以用bower的这块机制将KISSY的组件本地化,当然,这只是我们的计划,你如何使用由你决定,但是我们推荐你创建可模块化的一切可以提高前端开发效率的东西:

  • 可复用的LESS/SASS/CSS(mixins)模块
  • JS模块(任何粒度!)
  • 图片
  • 字体
  • 以上任意资源的组合

Clone this wiki locally