zepto.js 自定义打包模块流程

 

移动端很多人用的是流量，而且4g虽说是快，但也是有很多时候信号不怎么好，为了提交加载速度，给用户更好的体验，所以对移动端代码的要求就比pc多要高，尽量不要用大的库和框架，所以就有了Zepto,官方上说是一个轻量级针对现在高级浏览器的JavaScript库，与jQuery有类似的api，说白了就是手机上用的jQuery，只是jQuery太大了，而且没有对移动端做支持，所以就有了Zepto。

在 https://github.com/madrobby/zepto 下载zepto源码；

 

可以看出Zepto有很多的功能模块，但是都没有打钩，打钩的只是一些基础的用法，可以参考官方文档，下面就说说怎么打包这些模块在一起：

1.首先确认自己电脑里是否装有node.js和npm包管理工具；可以在终端输出  node -v  和 npm -v 查看；没有的话自行百度安装；

2.从github上下载压缩包：https://github.com/madrobby/zepto，下载到本地打开：

在此目录下能找到一个名为 make 的文件，找到这个文件，使用你熟悉的编辑器打开：

在41行，将需要打包的模块写在ie 后面，以空格分割，写好保存关闭即可。

3.win+R 输入cmd进入命令窗口，输入cd 此文件的目录(中间有空格）。

或选中文件夹按住shift键并右键选择"在此处打开命令窗口”快捷方式打开；

例：

可以输入cd+空格后把文件夹拖进来按回车就会进入此文件夹，窗户会有提示，若此文件夹不在c盘的话，可能会进不去此文件夹，解决办法，在上一步按完回车没进去的基础上，在输入D: （在按回车就行了），D是你的文件夹所在的盘；

4.在黑窗口输入：

npm install  

npm run-script dist 

这两步就可以完成了。现在去此文件夹的根目录里找dist文件夹，你要的打包模块的Zepto就好了。