你的分享就是我们的动力 ---﹥

zepto.js自定义模块打包构建

时间:2014-11-10 10:40来源:www.chengxuyuans.com 点击:
zepto.js是个好东西,小巧灵活,遵循jQuery API,gzip之后只有10k左右,很多移动web开发者都用它。

不过,官网下载的默认构建包里居然不含移动设备专用的touch组件,这是脑袋被门挤了的节奏吗?要知道,在移动设备上使用click事件会有几百毫秒的延迟呢!

所以只有自己build了。zepto.js自定义模块打包步骤以windows为例:

1、从github上down一份下来(https://github.com/madrobby/zepto),把目录直接丢到x盘。

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

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

4、编辑目录下的make文件,找到第42行,就是modules = (env['MODULES'] || 'zepto detect event ...').split(' ')这么一行。引号里以空格分隔的就是将要打包的模块名,加入touch,保存。(当然,可以根据自己需要增减模块,核心模块zepto别删掉了就行)

5、回到命令行,输入npm install回车安装。安装好,再输入npm run-script dist回车,开始打包构建。

6、如果没有报错的话,就ok了。到dist目录下可以看到生成的三个文件:原始文件zepto.js,压缩后的zepto.min.js,gzip后的zepto.min.gz。生产环境使用zepto.min.js就行了。
这样zepto.js自定义模块打包就完成了

这段时间使用zepto的touch组件,遇到了传说中的tap"点透"问题和一些国产垃圾浏览器有时需要触摸两下才响应的问题,为此头疼不已。

转载注明地址:http://www.chengxuyuans.com/web_technology/zeptojs-build.html