css-combo

Introduction

combo css which import other css 对于js，目前已经有比较成熟的模块化方案，比如seajs、kissy，但是css方面呢，一般是通过less进行编译打包的。less官方对于less文件中的@import "xxx.css"是不会打包进来的，这也是考虑到本身就是有需求要这样引用css，而如果你@import "xxx.less"，less打包工具就会分析这些引入的模块，进行打包。 css-combo就是借鉴了这种思想，实现了css模块化。即在入口文件中@import其他模块，然后对入口文件进行打包的时候，该工具会分析import的文件，把这些文件打包进来。

对于CSS模块化，欢迎大家看我这篇博文：(http://www.techcheng.com/study/css/introduce-css-combo.html)

Usage

API:

CssCombo.build(cfg, function(err){ callback(); });

• cfg:{Object} 参数

  • target：{String} 入口文件
  • inputEncoding：{String} 输入文件编码，可选，默认检测入口文件中的@charset设置。如果入口文件没有设置@charset，那么最好设置本选项
  • outputEncoding：{String} 输出文件编码，可选，默认UTF-8
  • output：{String} 输出目录或者输出的完整路径（含文件名，推荐），可以使用相对路径
  • exclude：{Array} 黑名单正则数组，可选，默认空
  • compress: {Boolean} 是否压缩，默认为true，处理规则同YUICompressor
  • debug: {Boolean} 是否打印日志

TODO

* 增加目录打包形式
* <del>增加对模块@charset的检测</del>
* <del>编码转换，最后压缩成ascii</del>

ChangeList

* 0.2.2：修正打包之后输出文件编码问题

License

css-combo 遵守 "MIT"：https://github.com/daxingplay/css-combo/blob/master/LICENSE.md 协议