webpack中使用zepto

一.前言

如何在webpack中使用zepto?
webpack中使用zepto,咱們須要定製化。哪些模塊是咱們想要用的,而後require進來。
首先去github將zepto庫克隆到本地,而後將須要到模塊合併到一個文件中,暴露接口便可。webpack

二.使用步驟

1.導入所需模塊,暴露接口(除了zepto默認所需的模塊以外,建議必須導入touch.js
模塊化的myzepto.js:git

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.引入github

import $ from 'libs/myzepto' // or var $ = require('libs/myzepto')

另外,之因此會建議導入touch.js,能夠查看關於Cannot read property 'trigger' of undefinedweb

相關文章
相關標籤/搜索