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

下载首先下载mui进入这个位置（https://github.com/dcloudio/mui）将第一个dist文件下载下来就可以了之后再main.js或者在你需要使用的组件里引入之后知道你的webpack.base.conf.js文件在里面添加如下代码externals:{'mui':'mui'},之后就可以在mui官方文档里复制你需要的代码放入了...

LIUAWEIO

2613人浏览 · 2021-03-25 14:21:02

LIUAWEIO · 2021-03-25 14:21:02 发布

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’

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^