美文网首页
Zepto自定义模块打包构建

Zepto自定义模块打包构建

作者: 大大橙_7546 | 来源:发表于2018-07-28 22:44 被阅读0次
  1. 首先先clone下zepto的git源代码:
git clone https://github.com/madrobby/zepto.git
  1. 进入到 zepto 文件夹下 下载相关依赖包
npm install
  1. 进行生产环境打包,默认构建包仅包含 zepto、event、ajax、form、ie 这5个模块
npm run-script dist
  1. 若要使用zepto的promise功能,需要打包Deferred模块,这个模块还依赖Callbacks模块,代码如下:
MODULES="zepto event ajax form ie callbacks deferred" npm run-script dist

可以看到 zepto 目录下 多出一个 dist 目录,里面可以看到生成的三个文件:原始文件 zepto.js,压缩后的 zepto.min.js,gzip 后的 zepto.min.gz。生产环境使用 zepto.min.js 就行了。

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

相关文章

  • Zepto自定义模块打包构建

    首先先clone下zepto的git源代码: 进入到 zepto 文件夹下 下载相关依赖包 进行生产环境打包,默认...

  • Zepto自定义模块打包构建

    首先clone下zepto的git源代码: 进入到 zepto 文件夹下 下载相关依赖包 进行生产环境打包,默认构...

  • zepto自定义打包模块构建

    JQuery.min.js需要87KB,zepto.min.js需要29KB,为啥介么小呢?因为deffer、动画...

  • Maven常用命令合集

    单独打包某一模块 -am --also-make 同时构建所列模块的依赖模块;

  • [webpack系列]了解entry/output/loader

    webpack是静态模块打包器。它会构建依赖关系图,将需要的模块打包成bundles。 入口(entry)标识哪个...

  • 移动端开发的zepto

    1.zepto和jquery的区别:(主要是模块上的区别) zepto默认只有基本的模块,其他功能模块需要单独引用...

  • Python学习——打包操作与在线发布

    打包操作: 1.安装打包工具2.在包文件中,添加构建模块 setup.py在构建模块中,添加项目描述信息 3.执行...

  • webpack优化配置总结

    一、HMR 热模块替换:一个模块发生变化,只会重新打包这个模块,而不是打包所有模块,从而提高构建速度 二、sour...

  • 读Zepto源码之Stack模块

    Stack 模块为 Zepto 添加了 addSelf 和 end 方法。 读 Zepto 源码系列文章已经放到了...

  • webpack

    webpack 目录 webpack介绍 是一款打包构建工具,目前就流行打包构建工具 特点一切皆模块能把所有资源打...

网友评论

      本文标题:Zepto自定义模块打包构建

      本文链接:https://www.haomeiwen.com/subject/bumamftx.html