zepto自定义打包模块构建

2018-11-26  本文已影响2人  長风先生

JQuery.min.js需要87KB,zepto.min.js需要29KB,为啥介么小呢?因为deffer、动画、移动端事件等需要开发者自己按需引入。

查看zepto的基础模块信息可以去github上的README查看(或者zepto中文网)

官方默认包含的模块

把zepto的模块引入到自己的代码里有三种方法

一、直接引入

<script src="lib/zepto.min.js"></script>
<script src="lib/touch.js"></script> 

二、将模块中的代码复制粘贴到zepto.min.js中
道理跟直接引入是一样的。
三、打包构建三步走

1 npm clone https://github.com/madrobby/zepto.git
2 npm install 
3 npm run-script dist
  # 自定义模块构建
  MODULES="zepto event data" npm run-script dist

# on Windows
c:\zepto> SET MODULES=zepto event data
c:\zepto> npm run-script dist

构建后的zepto生成在dist文件夹中,此时已经包含对应模块了。

上一篇 下一篇

猜你喜欢

热点阅读