vue里面下载配置使用zepto vue中怎样使用zepto

1、首先执行下面的npm下载zepto

npm install zepto --save

2、首先执行下面的两个npm,防止报错,不执行就会报错的

npm install script-loader --save-dev

npm install exports-loader --save-dev

3、现在来配置你的webpack.base.conf.js文件

在你的webpack.base.conf.js文件头部很多const的地方加入以下代码

const webpack = require('webpack')

4、在你的webpack.base.conf.js文件的module里面加入以下代码

复制代码
      {
        test: require.resolve('zepto'),
        loader: 'exports-loader?window.Zepto!script-loader' 
      },

5、在你的webpack.base.conf.js文件的module.exports 里面加入以下代码

复制代码
  plugins: [
    new webpack.ProvidePlugin({
      $: 'zepto',
      Zepto: 'zepto'
    })
  ],

5、最后在你的main.js里面引入zepto就行啦

import $ from 'zepto'

相关推荐
VXbishe12 分钟前
【课程设计】基于SpringBoot的乡村政务服务系统的设计与实现-计算机毕设77011
javascript·vue.js·spring boot·python·php·课程设计·政务
志尊宝18 分钟前
Vue3 零基础每日笔记(037):动手封装 useMouse 与 useWindowSize——事件监听的标准模板
前端·javascript·vue.js·笔记·html5
shmily麻瓜小菜鸡40 分钟前
TDD(测试驱动开发)详解
开发语言·javascript·typescript·node.js·ecmascript
BillKu1 小时前
vue3双向邦定:使用defineModel替换defineProps+defineEmits
vue.js
wcy03102 小时前
POST为什么会发送两次请求
javascript·ajax
志尊宝2 小时前
Vue3 零基础每日笔记(047):动态路由与路由参数——:id 传参、query 传参、props 解耦
前端·javascript·vue.js·笔记·html5
计算机毕设定制辅导-无忧学长2 小时前
《基于SpringBoot的中学教师数字胜任力测评网站的设计与实现》
java·vue.js·spring boot·mysql·中学教师数字胜任力测评网站
flash俊杰5 小时前
Vue 3 响应式陷阱与状态单例:从 TDZ 白屏到跨进程 Proxy 剥离
vue.js
志尊宝5 小时前
Vue3 零基础每日笔记(046):声明式导航与编程式导航——useRouter / useRoute 双子星
vue.js·笔记·#vue #前端 #前端开发·#javascript·#vue.js
朝屯暮蒙vi6 小时前
随记:h5+中uploader不能添加参数数据,要通过task
javascript