webpack中使用zepto步骤方法
更新时间:2023年07月28日 17:29:16 作者:52lidan
这篇文章主要为大家介绍了webpack中使用zepto步骤方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
一.前言
如何在webpack中使用zepto?
在webpack
中使用zepto
,我们需要定制化。哪些模块是我们想要用的,然后require进来。
首先去github将zepto
库克隆到本地,然后将需要到模块合并到一个文件中,暴露接口即可。
二.使用步骤
1.导入所需模块
暴露接口(除了zepto
默认所需的模块之外,建议必须导入touch.js
)
模块化的myzepto.js:
require('./zepto'); require('./event'); require('./ajax'); require('./form'); require('./ie'); require('./fx'); require('./fx_methods'); require('./deferred'); require('./callbacks'); require('./touch'); window.Zepto = Zepto; window.$ === undefined && (window.$ = Zepto); module.exports = $;
2.引入
import $ from 'libs/myzepto' // or var $ = require('libs/myzepto')
另外,之所以会建议导入touch.js
,可以查看关于Cannot read property 'trigger' of undefined
以上就是webpack中使用zepto步骤方法的详细内容,更多关于webpack使用zepto的资料请关注脚本之家其它相关文章!
相关文章
JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】
这篇文章主要介绍了JS实现集合的交集、补集、差集、去重运算,结合实例形式分析了ES5与ES6语法环境下的集合常见运算操作技巧,需要的朋友可以参考下2019-02-02
最新评论