Zepto自定义模块打包构建

文章转自 http://www.chengxuyuans.com/web_technology/zeptojs-build.html

 

zepto.js 是个好东西，遵循 jQuery API，但比 jQuery 小巧很多，很多移动web开发者都用它

不过，官网下载的默认构建包仅包含 zepto event ajax form ie 这5个模块（版本为1.1.6）

连触摸事件 touch 模块都没，还有能让 ajax 提供 promise 接口的 callbacks 和 deferred 模块也没...

所以一般我们都会根据项目需要，自定义模块打包，来构建自己需要的 zepto.js 

 

zepto.js 自定义模块打包步骤如下：

1、从 github 上 down 一份下来（https://github.com/madrobby/zepto），把目录直接丢到 x 盘

2、安装 nodejs 环境以及 npm 包管理器

3、运行，打开 CMD 命令行，用 cd 命令切换到 x 盘的 zepto 目录下

4、编辑目录下的 make 文件，找到 modules = (env['MODULES'] || 'zepto event ajax form ie').split(' ') 这一行。我标红的部分就是要引入打包的模块名，以空格符隔开，在当中加入你需要用到的模块名，然后保存。（当然，也可以减少模块，核心模块 zepto 别删掉就行了）

5、回到命令行，输入 npm install 回车安装构建 zepto.js 所需的 node 模块。安装好后，再输入 npm run-script dist 命令，然后回车，开始打包构建。

6、如果没有报错的话，就ok了。可以看到 zepto 目录下 多出一个 dist 目录，里面可以看到生成的三个文件：原始文件 zepto.js，压缩后的 zepto.min.js，gzip 后的 zepto.min.gz。生产环境使用 zepto.min.js 就行了。

 

这样zepto.js自定义模块打包就完成了