Vant安装(按需引入)

基于Vue-cli3搭建的Vue项目

  1. npm安装Vant:npm i vant -S
  2. 安装babel-plugin-import:npm i babel-plugin-import -D

    babel-plugin-import 是一款 babel 插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式

  3. 在babel.config.js 中添加配置:
    plugins: [
            ['import', {
                libraryName: 'vant',
                libraryDirectory: 'es',
                style: true
            }, 'vant']
        ]
    
  4. 引入需要的组件:
    import { Button } from 'vant'
    Vue.use(Button)
    
    主要按钮
    

你可能感兴趣的:(UI框架)