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'

相关推荐
Highcharts.js10 分钟前
用Highcharts开发动态主从图表|双图联动的时间序列图表示例
javascript·数据库·信息可视化·highcharts·图表开发·动态图表
志尊宝41 分钟前
Vue3 零基础每日笔记(076):防抖节流的正确使用——搜索框、按钮防重复提交、滚动监听
javascript·vue.js·笔记
顽疲1 小时前
从零用 Java 实现小红书 SpringBoot Vue UniApp(23)笔记话题多对多:一条笔记进多个话题池
java·vue.js·spring boot
能源革命1 小时前
Vue 网格拖拽布局组件全景指南:7 大方案深度对比
前端·javascript·vue.js
雷工笔记1 小时前
KingFusion 驾驶舱开发:ECharts小时模板实现动态时间窗口
javascript
知野小兔1 小时前
JavaScript中Map和Set详解
javascript
daols882 小时前
vue 表格组件 vxe-table 实现自定义多行编辑功能
前端·javascript·vue.js·vxe-table
志尊宝2 小时前
Vue3 零基础每日笔记(075):图片懒加载与骨架屏
javascript·vue.js·笔记
IT_Octopus2 小时前
【零基础入门 LLM 开发 · Day 11】:ChatOpenAI vs init_chat_model——一行换供应商
java·前端·javascript
柚yuzumi2 小时前
React 19 Hooks 入门:函数组件的四大法宝 (useState / useEffect / useRef / useContext)
前端·javascript·架构