webpack中使用zepto步驟方法
一.前言
如何在webpack中使用zepto?
在webpack
中使用zepto
,我們需要定制化。哪些模塊是我們想要用的,然后require進(jìn)來。
首先去github將zepto
庫克隆到本地,然后將需要到模塊合并到一個文件中,暴露接口即可。
二.使用步驟
1.導(dǎo)入所需模塊
暴露接口(除了zepto
默認(rèn)所需的模塊之外,建議必須導(dǎo)入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')
另外,之所以會建議導(dǎo)入touch.js
,可以查看關(guān)于Cannot read property 'trigger' of undefined
以上就是webpack中使用zepto步驟方法的詳細(xì)內(nèi)容,更多關(guān)于webpack使用zepto的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
javascript封裝addLoadEvent實現(xiàn)頁面同時加載執(zhí)行多個函數(shù)的方法
這篇文章主要介紹了javascript封裝addLoadEvent實現(xiàn)頁面同時加載執(zhí)行多個函數(shù)的方法,實例分析了onload事件執(zhí)行的原理與同時執(zhí)行多個函數(shù)功能的實現(xiàn)技巧,需要的朋友可以參考下2016-07-07用roll.js實現(xiàn)的圖片自動滾動+鼠標(biāo)觸動的特效
用roll.js實現(xiàn)的圖片自動滾動+鼠標(biāo)觸動的特效...2007-03-03JavaScript 學(xué)習(xí)小結(jié)(適合新手參考)
JavaScript常量又稱字面常量,是固化在程序代碼中的信息。變量的主要作用是存取數(shù)據(jù),提供一個存取信息的容器。2009-07-07