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自定义模块打包就完成了

阅读更多
上一篇touch.js-常见应用操作
下一篇百度touch.js
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭