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 //注册单个的组件
}