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

zepto自定义打包模块构建

作者: 長风先生 | 来源:发表于2018-11-26 18:31 被阅读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文件夹中,此时已经包含对应模块了。

相关文章

  • 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/hmxiqqtx.html