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'

猜你喜欢

转载自blog.csdn.net/shenxianhui1995/article/details/81231073