generator-kissy-pie

A yeoman generator for kissy pie

install

安装yeoman

npm install yo -g

安装Generator

第一步:

$ npm install generator-kissy-pie -g

第二步, 在你的应用目录内:

$ mkdir my-app && cd myapp
$ yo kissy-pie #执行yeoman

第三步，创建page

$ yo kissy-pie:page

快速使用

打开abc.json，找到这个部分：

    "_kissy_pie" : {
        "groups": {},
        "styleEngine": "sass",
        "defaults": {
            "timestamp": "201279879",
            "buildPages": [ "home/1.0" ]
        }
    }

设置你需要打包的page，原码版本和对应的时间戳：

如，需要将index页面的1.0版本打包到时间戳20130508:

    "defaults": {
                "timestamp": "20130508",
                "buildPages": [ "index/1.0" ]
            }

之后则可以直接使用 grunt 或者 grunt page进行打包，或者使用grunt common对common目录进行打包。 另外还可以使用grunt watch进行文件监控。

命令行

使用命令行将覆盖Gruntfile.js中对于build目标的配置，具体使用如下：

单个页面：
     *          打包：     `grunt page --target home/1.0 --ts 20130412`
     *          watch：    `grunt watch --target home/1.0 --ts 20130412`      
多个页面：
     *          打包：     `grunt page --target home/1.0,intro/2.0 --ts 20130506`
     *          watch:    `grunt watch --target home/1.0,intro/2.0 --ts 20130506`