文档
安装
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
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦