vue2 按需引入vant
时间: 2023-07-18 21:42:20 浏览: 93
详解VUE项目中安装和使用vant组件
5星 · 资源好评率100%
要按需引入 vant,需要使用 babel-plugin-import 插件,具体步骤如下:
1. 安装 babel-plugin-import 插件
```bash
npm install babel-plugin-import -D
```
2. 在 babel.config.js 文件中配置插件
```javascript
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
],
plugins: [
[
'import',
{
libraryName: 'vant',
libraryDirectory: 'es',
style: true
},
'vant'
]
]
}
```
3. 使用时按需引入组件
```javascript
import { Button, Cell } from 'vant'
Vue.use(Button)
Vue.use(Cell)
```
阅读全文