Zepto.js 使用npm编译打包自定义模块

最新推荐文章于 2021-03-25 14:21:02 发布
最新推荐文章于 2021-03-25 14:21:02 发布
阅读量432 收藏
点赞数 1
分类专栏： Zepto
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hlx20080808/article/details/89175672
版权

1、下载源码：https://github.com/madrobby/zepto/tree/v1.2.0

 https://github.com/madrobby/zepto

‍2、进入解压好的zepto源码根目录找到make文件，打开，找到第41行的位置，添加需要的模块名称（这里我增加了fx_methods  touch 和 fx 模块）,参考阴影部分和插件表加入自己想要的插件后保存

3、返回上一页,按住shift右击zepto源码文件夹选择打开CDM命令行窗口

4、执行 npm install 命令后，再执行npm run-script dist 命令进行构建

5、执行完成之后再根目录下的dist文件夹内就有已经构建好的zepto文件了

 

 

凌冰_
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于zepto.js简单实现上传图片
10-22
在本文中，我们将深入探讨如何使用Zepto.js这个轻量级的JavaScript库来实现一个简单的图片上传功能。Zepto.js是专门为移动设备设计的一个类似jQuery的库，它提供了丰富的DOM操作和事件处理功能，适用于移动端的Web...
Zepto.js移动端左右滑动导航菜单.zip
07-04
总结来说，这个项目的核心是使用Zepto.js，一个轻量级的JavaScript库，为移动端构建了一个具有滑动效果的导航菜单。它利用JavaScript事件监听和处理，结合CSS3动画，来实现平滑的左右滑动过渡。开发者可以通过查看和...
Node.js npm编译打包自定义的zepto模块
ncepu307的专栏
12-11 5485
首先到github上下载zepto的源码包，地址为： https://github.com/madrobby/zepto 接着下载node.js，官网地址为： http://www.nodejs.org/download/ 接下来安装node.js，安装后，windows下cmd窗口将路径切换到zepto源码包路径，然后执行以下命令： $ npm install $ npm run-s
使用node编译打包zepto.js自定义模块
向上爬的蜗牛
08-02 1671
一开始将原来移动端使用的jQuery换成zepto时会发现很多方法都是undefined，查看zepto的文档可知我们直接下载的zepto只包含几个核心模块，下图说明了zepto总共有哪些模块以及哪些模块是默认就有的： 由上图可知，默认模块分别是zepto、event、ajax、form、ie，但是根据模块说明发现其实很多模块在平常的开发中也是必备的，比如使用animate动画就得包含fx模
关于拓展zepto的方法
weixin_41757599的博客
09-11 595
一、关于扩展zepto 1 为对象增加自定义的方法，如可以这样使用对象增加自定义的方法，如可以这样使用对象增加自定义的方法， 如 可以这样使用 .show(); 代码片段为 $.extend($, { show: function () { $("body").addClass("waitting"); } }); 注意：封装成zepto的扩展，是为了在...
zepto.js 定制步骤
qq_43512502的博客
07-16 239
1、安装Nodejs环境 2、下载zepto.js 3、解压缩 4、cmd命令行进入解压缩后的目录 5、执行npm install 命令 6、编辑make文件，没有后缀,添加自定义模块并保存 7、然后执行命令 npm run-script dist 8、查看目录dist即构建好的zepto.js ...
zepto的使用方法
dianji4688的博客
06-26 235
有些不了解zepto的同学在刚接触的时候肯定有很多疑惑，这个东西怎么用啊，去哪里下载啊，什么时候该用什么时候不该用啊，其实我以前也是这样的。jquery使用多了那么就让我们一起来了解下zepto把。 在移动端用不着pc端兼容难么多的浏览器，所以就有了zepto.js，如果此时用jquery的话就有些重了，现在pc端可以使用jquery，但是反过来的话pc端如果用zepto,js的...
zepto.js手机提示框图标加载特效特效代码
03-20
zepto.js 是一款轻量级的JavaScript库，专为移动设备的Web开发设计，它提供了类似于jQuery的核心API，使得在移动端进行DOM操作、事件处理、动画制作等变得更加便捷。在这个项目中，"zepto.js手机提示框图标加载特效...
zepto.min.js
04-09
Zepto是用于现代浏览器的极简JavaScript库，具有与 jQuery兼容的API。 移动端常用js
基于zepto.js实现手机相册功能
10-19
这部分代码在提供的示例中没有明确给出，但可以使用Zepto.js的`click`事件绑定和`attr`方法来实现。 总的来说，基于Zepto.js实现手机相册功能的关键在于利用JavaScript动态生成和布局图片列表，以及利用HTML5的`...
zepto：Zepto.js是适用于现代浏览器的简约JavaScript库，具有jQuery兼容的API
02-12
Zepto.js –简约JavaScript库 Zepto是用于现代浏览器的极简JavaScript库，具有与jQuery兼容的API。 如果使用jQuery，您已经知道如何使用Zepto。 有关的介绍，下载和文档，请 。 Zepto.js是根据MIT许可条款获得许可的。 想给我们钱还是小费？ 别。 相反，请捐赠给。 建造 官方站点提供了Zepto默认发行版的下载。 这是很好的起点。 但是，有时您可能想添加一些可选模块并删除一些不需要的默认模块，以使尺寸最小。 那时，您需要查看Zepto的源代码并使用build命令。 您将需要在系统上安装Node.js。 $ npm install $ npm run-script dist # do a custom build $ MODULES= " zepto event data " npm run-script dist # on
vue里面下载配置使用zepto vue中怎样使用zepto
LIUAWEIO的博客
03-25 2572
下载 首先下载mui 进入这个位置（https://github.com/dcloudio/mui）将第一个dist文件下载下来就可以了 之后再main.js或者在你需要使用的组件里引入 之后知道你的webpack.base.conf.js文件 在里面添加如下代码 externals:{ 'mui':'mui' }, 之后就可以在mui官方文档里复制你需要的代码放入了 ...
使用 webpack 引用 zepto
小陈技术空间
12-15 3622
作者：陈家宾 日期：2017-12-15 背景 由于 zepto 库本身不支持 CommonJs 规范，不支持 import/export，所以不能直接以 import 的形式引入，所以这里需要做一些特殊处理 处理方法 方法一：引用 zepto-webpack 库 安装 npm i -D zepto-webpack 引用 import $ from 'zep...
vue引入第三方zepto.js库报错
xdongll的专栏
07-20 6827
报错： TypeError: Cannot read property 'createElement' of undefined原因：只使用了 AMD 规范的模块导出方法 define，没有用 CommonJs 规范的方法 module.exports 来导出模块，不过这不是造成报错的原因。解决办法： 1、安装辅助插件库npm i -D script-loader exports-loader2、
Zepto 源码分析 1 - 进入 Zepto
weixin_34112030的博客
11-19 166
选择 Zepto 的理由 Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto. Zept...
如何在 webpack 中引入未模块化的库，如 Zepto
大灰狼的小绵羊哥哥的博客
04-23 1万+
前言 原文链接： https://sebastianblade.com/how-to-import-unmodular-library-like-zepto/ 最近我在研究多页面 webpack 模块打包的完整解决方案时，发现用 import 导入 Zepto 时，会报 Uncaught TypeError: Cannot read property 'createElemen
nodejs编译安装，npm全局安装模块
weixin_33965305的博客
07-23 230
Nodejs官方网站：下载nodejs源码Nodejs中文社区Node Packaged ModulesPOSIX系统中编译Node.js需要三个工具：C++编译器gcc或clang/LLVMPython2.5以上，不支持Python3libssl-dev提供SSL/TLS加密支持下载源码包：node-v0.10.29.tar.gztarzxvfnode-v0.10.2...
npm ERR! missing script: dev，npm ERR! missing script: build, npm ERR! missing script: start
热门推荐
qq_32973061的博客
09-17 1万+
cmd进入项目文件夹，输入 vue init webpack  将package.json中丢失的：    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",     "start": "npm run dev",     "build": "node build/build.js.
Zepto.js中文API文档：现代浏览器的轻量级jQuery替代方案
Zepto.js 是一个轻量级的JavaScript库，设计用于在现代浏览器中，尤其是移动设备上，提供类似于jQuery的功能。它以极小的体积提供了核心的DOM操作、事件处理、动画以及Ajax等功能，以适应移动设备的性能和网络限制。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值