javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > webpack使用zepto

webpack中使用zepto步骤方法

作者: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的资料请关注脚本之家其它相关文章!

您可能感兴趣的文章:
阅读全文