Vue 引入 zepto

文档

API 中文版

安装

• zepto

  • npm install zepto --save

• 其他组件 (不装会报错 "$ is not defined")
  由于我们用 npm 下载的模块没有模块化，因此我们要安装以下组件

  • npm install script-loader --save-dev 全局上下文环境中执行模块 JS 文件

  • npm install exports-loader --save-dev 添加 module.exports 来主动暴露需要的对象，使其模块化

配置

• webpack.base.conf.js

...
const webpack = require('webpack')module: {
    ...,
    {        test: require.resolve('zepto'),        loader: 'exports-loader?window.Zepto!script-loader'   //解决zepto不支持commonJS的问题
    }
},// 全局引入plugins: [    new webpack.ProvidePlugin({        $: 'zepto',        Zepto: 'zepto'
    })
],node: {
    ...
}

全局引入

• 方法一

  • 上面配置里面有提到

• 方法二

  • src/main.js

import $ from 'zepto'

作者：小贤笔记
链接：https://www.jianshu.com/p/be27eafcef9f