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'

相关推荐
weixin_BYSJ198720 分钟前
【java项目分享】springboot阅读推荐平台10600
java·javascript·spring boot·python·django·flask·php
Sterting25 分钟前
第 9 节:本地存储 — 数据不丢的前端缓存
前端·javascript·缓存
breeze jiang1 小时前
React useRef + Web Worker:避免大计算阻塞页面的通信方案
前端·javascript·react.js
油丶酸萝卜别吃1 小时前
encrypt.js — 前端密码哈希工具说明文档
前端·javascript·哈希算法
zho_uzhou2 小时前
ubuntu服务端运行vue网页步骤
linux·服务器·vue.js·ubuntu
黄贵根7 小时前
JavaScript实现教培行业意向登记系统
开发语言·javascript·ecmascript
zzzzzz31011 小时前
从 react-bits 看动效组件化:别把视觉效果写成一次性页面代码
javascript·react.js·开源
用户9385156350711 小时前
React Context 与自定义 Hook 从底层到实践:「跨层级通信 + 副作用封装」全解析
前端·javascript·react.js
滴滴答答哒12 小时前
VUE3+element-plus MultiSelect 多选下拉组件
前端·javascript·vue.js
其美杰布-富贵-李12 小时前
04 watch 与 Vue 响应式数据流
前端·javascript·vue.js