本篇內(nèi)容主要講解“vue怎么引入zepto”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“vue怎么引入zepto”吧!

成都創(chuàng)新互聯(lián)自2013年創(chuàng)立以來，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項目成都網(wǎng)站建設(shè)、成都網(wǎng)站制作網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元寧化做網(wǎng)站,已為上家服務(wù),為寧化各地企業(yè)和個人服務(wù),聯(lián)系電話:18982081108

具體步驟如下：

1.首先，在vue-cli中創(chuàng)建一個vue.js項目；

vue create project-name

2.vue.js項目創(chuàng)建好后，在項目中使用npm命令安裝zepto依賴包；

npm install zepto --save

3.zepto依賴包安裝好后，在webpack.base.conf.js文件中進行以下配置；

const webpack = require('webpack')
module: {
...,
{
test: require.resolve('zepto'),
loader: 'exports-loader?window.Zepto!script-loader'
}
},
// 全局引入
plugins: [
new webpack.ProvidePlugin({
$: 'zepto',
Zepto: 'zepto'
})
],
node: {
...
}

4.最后，webpack.base.conf.js文件配置好后，在項目中使用import方法即可引入zepto；

import $ from 'zepto'

到此，相信大家對“vue怎么引入zepto”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！