zepto添加模块

zepto是个好东西,遵循JQ api,但比JQ小巧很多,适合移动端web开发。
但他默认支持的模块只有 zepto event ajax form ie,但想touch模块,默认是不支持的,而移动端web又需要用到手势事件,所以我们可以给zepto添加我们需要的模块。

zepto自定义模块打包的方法如下:

  1. 从github下载zepto的源码,把整个压缩包放到磁盘某个目录,并且解压
  2. 安装nodeJS环境以及npm包管理器
  3. 编辑目录下的make文件,找到 modules = (env['MODULES']这一行,红框内就是要引入的打包的模块。以空格符隔开,在里面加入你要到的模块名,然后保存。(当然,你也可以减少你不需要的模块,核心模块zepto别删掉就行)
    添加zepto模块截图
  4. 打开命令行(cmd),跳到刚才的目录
    添加zepto模块截图
  5. 输入 npm install回车,安装构建zepto.js 需要的node模块。
    添加zepto模块截图
  6. 安装好后,再输入 npm run-script dist 或者 直接 npm run dist 回车
    添加zepto模块截图
  7. 如果没有报错的话,就ok了。可以看到 zepto 目录下 多出一个 dist 目录,里面可以看到生成的三个文件:原始文件 zepto.js,压缩后的 zepto.min.js,gzip 后的 zepto.min.gz。