助您的企业征战互联网 - 苜蓿草网络

kissy简单工程构建器generator-bee

时间:2014-10-15 14:51     热度:956     来源:KISSY社区

kissy generator-bee

generator-bee是kissy简单工程构建器,跟generator-xcake和generator-clam有所不同,强调简单和快速,没有复杂的目录分级和复杂的命令功能,不是以页面作为划分维度,适用于小工程构建,适用于kissy mini工程。

generator-bee 遵循最新的kissy规范,会生成demo页面和测试用例范例。

  • 作者:明河(剑平)

  • 工具库地址

  • demo工程传送门

  • 反馈bug

安装

安装yeoman

npm install yo gulp -g

安装kissy-gallery目录生成器

npm install generator-bee -g

生成组件目录

新建个工程目录,进入执行命令:

yo bee

构建

打包文件

gulp

监听文件改变实时编译

gulp watch

默认编译less和生成kissy模块名和依赖表。

生成的目录结构

bee-demo           // 工程名,也是库名
|      |-----src    // 源码目录
|      |     |---------index.js     // index页面入口脚本
|      |     |---------mods     // 依赖的业务模块
|      |     |---------index.less     // index页面样式
|      |-----build    // 发布目录
|      |     |---------deps.js     // 模块依赖表
|      |-----demo    // demo目录
|      |-----test    // 测试用例目录
|      |-----build    // 发布目录
|      |-----README.md      // 库介绍
|      |-----gulpfile.js   // gulp打包时使用的配置信息
|      |-----totoro-config.js       // totoro回归工具配置文件
|      |-----package.js     // 依赖包配置


标签:  CSS  Javascript