webpack中使用zepto步驟方法
一.前言
如何在webpack中使用zepto?
在webpack
中使用zepto
,我們需要定制化。哪些模塊是我們想要用的,然后require進(jìn)來。
首先去github將zepto
庫克隆到本地,然后將需要到模塊合并到一個(gè)文件中,暴露接口即可。
二.使用步驟
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')
另外,之所以會(huì)建議導(dǎo)入touch.js
,可以查看關(guān)于Cannot read property 'trigger' of undefined
以上就是webpack中使用zepto步驟方法的詳細(xì)內(nèi)容,更多關(guān)于webpack使用zepto的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
Yii2使用Bootbox插件實(shí)現(xiàn)自定義彈窗
Bootbox.js 是一個(gè)小型的 JavaScript 庫用來創(chuàng)建簡(jiǎn)單的可編程對(duì)話框,基于 Twitter 的 Bootstrap 開發(fā)。今天我們就來研究下,如何使用bootbox插件來實(shí)現(xiàn)自定義彈窗。2015-04-04javascript封裝addLoadEvent實(shí)現(xiàn)頁面同時(shí)加載執(zhí)行多個(gè)函數(shù)的方法
這篇文章主要介紹了javascript封裝addLoadEvent實(shí)現(xiàn)頁面同時(shí)加載執(zhí)行多個(gè)函數(shù)的方法,實(shí)例分析了onload事件執(zhí)行的原理與同時(shí)執(zhí)行多個(gè)函數(shù)功能的實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-07-07javascript實(shí)現(xiàn)圖片上傳前臺(tái)頁面
這篇文章主要介紹使用javascript實(shí)現(xiàn)圖片上傳并在前臺(tái)頁面顯示,代碼很簡(jiǎn)單,需要的朋友可以參考下2015-08-08用roll.js實(shí)現(xiàn)的圖片自動(dòng)滾動(dòng)+鼠標(biāo)觸動(dòng)的特效
用roll.js實(shí)現(xiàn)的圖片自動(dòng)滾動(dòng)+鼠標(biāo)觸動(dòng)的特效...2007-03-03小程序自定義導(dǎo)航欄兼容適配所有機(jī)型(附完整案例)
這篇文章主要介紹了小程序自定義導(dǎo)航欄兼容適配所有機(jī)型(附完整案例),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04JavaScript 學(xué)習(xí)小結(jié)(適合新手參考)
JavaScript常量又稱字面常量,是固化在程序代碼中的信息。變量的主要作用是存取數(shù)據(jù),提供一個(gè)存取信息的容器。2009-07-07