vant的按需加载步骤

1 安装

• npm i babel-plugin-import -D

2 配置 bable.config.js

module.exports = {
	presets: [
		'@vue/cli-plugin-babel/preset'
	],
	plugins: [
		[
			'import',
			{
				libraryName: 'vant',
				libraryDirectory: 'es',
				style: true
			},
			'vant'
		]
	]
}

3 在组件需要地方导入

• 假设需要vant中的 Icon,Checkbox, CheckboxGroup,Stepper,NavBar

import { Icon,Checkbox, CheckboxGroup,Stepper,NavBar } from 'vant';

components:{
			
			[Icon.name]:Icon,
			[Checkbox.name]:Checkbox,
			[CheckboxGroup.name]:CheckboxGroup,
			[Stepper.name]:Stepper,
			[NavBar.name]:NavBar,
			
			
		},

• 注意 ：如果在 main.js 有 Vue.use(Vant)，则需要去掉。