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'