zoukankan      html  css  js  c++  java
  • 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自定义模块打包就完成了

  • 相关阅读:
    数据库设计范式
    SQL 触发器
    SQL查询上月和本月两个月的语句
    angularjs学习总结 详细教程
    指令
    重复 HTML 元素
    AngularJS 数据绑定
    AngularJS 指令.
    AngularJS 数组
    AngularJS 对象
  • 原文地址:https://www.cnblogs.com/czf-zone/p/4433657.html
Copyright © 2011-2022 走看看