该项目是一个wepback项目。在使用vue3+ts按需导入wepback之前，按照vant官网安装最新版本的vant。然后，因为是vue3+ts，babel-plugin-import不能按需引入，所以第一步安装两个插件npmiwebpack-merge--save-devnpmi-Dts-import-plugin然后按照官网并在webpack.config.js中进行配置。由于我是使用vue-cli4构建项目，没有webpack.config.js，所以在src同级目录下创建一个vue.config.js文件，并配置constmerge=require('webpack-merge')consttsImportPluginFactory=require('ts-import-plugin')module.exports={devServer:{//端口号port:3030,},chainWebpack:(config)=>{config.module.rule('ts').use（“ts-loader”）es',style:true,}),],}),compilerOptions:{module:'es2015',},})返回选项ns})},}然后就可以实现正常的按需导入了。下面是使用方法的代码效果：
