vue如何引入zepto

在vue中引入zepto的方法：1.新建vue.js项目；2.使用npm安装zepto依赖包；3.配置webpack.base.conf.js文件；4.使用import方法引入zepto；

具体步骤如下：

首先，在vue-cli中创建一个vue.js项目；

vue create project-name

vue.js项目创建好后，在项目中使用npm命令安装zepto依赖包；

npm install zepto --save

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: {
...
}

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

import $ from 'zepto'