Vue 引入 zepto
文档API 中文版安装zeptonpm install zepto --save其他组件 (不装会报错 “$ is not defined”)由于我们用 npm 下载的模块没有模块化,因此我们要安装以下组件npm install script-loader --save-dev 全局上下文环境中执行模块 JS 文件npm install exports-load...
·
文档
安装
- 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'
更多推荐
已为社区贡献7条内容
所有评论(0)