Vant 按需引入（移动端）

csqssl

于 2020-07-12 08:50:15 发布

阅读量333

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/ssl_husband/article/details/107294782

本文详细介绍了如何通过下载并配置Vant UI库来增强Vue项目的UI组件，包括插件下载、Babel配置、组件引入及使用步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 插件下载 vant

  安装 babel-plugin-import （ npm install babel-plugin-import  -D）

2.babel.config.js 插件配置

//plugins: [
    ['import', {
      libraryName: 'vant',
      libraryDirectory: 'es',
      style: true
    }, 'vant']
  ]

3. src中创建 utils 常见的js elementUi.js

import   Vue  from   'vue'
import { Button } from 'vant';
Vue.use(Button)

4. 在main.js中引入

 import './utils/vant'
 // import vant from './utils/vant'  
 在new Vue 中 vant