Vant-ui 按需引入（读者说）

Vant-ui 按需引入

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

第一步 安装插件

  npm i babel-plugin-import -D

第二步 创建.babel.config.js文件*

module.exports = {
    
    
  plugins: [
        ['import', {
    
    
            libraryName: 'vant',
            libraryDirectory: 'es',
            style: true
        }, 'vant']
   ]

第三步 所需组件中引入

<van-nav-bar
  title="标题"
  left-text="返回"
  right-text="按钮"
  left-arrow
  @click-left="onClickLeft"
  @click-right="onClickRight"
/>
-------------------------------------------------------------------------------
  import {
    
     NavBar } from 'vant'   //按需引入(导航栏NavBar)
   components: {
    
    
        [NavBar.name]: NavBar     //注册单个的组件
  }