如何在vue-cli 4.x项目中实现Vant组件的按需加载？

本文共计1422个文字，预计阅读时间需要6分钟。

在vue-cli 4.x中使用vant遇到的问题，以下是一些解决步骤：

1. 如果使用按需加载，需要下载并安装babel-plugin-import插件： cnpm install babel-plugin-import --save-dev

2. 在根目录下的babel.config.js中添加配置： javascript { plugins: [babel-plugin-import] }

在vue-cli 4.x中使用vant出现的问题,在这里记录一下

一. 如果使用按需加载,需要下载babel-plugin-import转换一下,下载 babel-plugin-import

cnpm install babel-plugin-import -D

**二. 在根目录中找到 babel.config.js 文件 , 添加字段 **

"plugins": [ ["import",{ "libraryName":"vant", "style":true } ] ] 最终我的配置是这样的 module.exports = { presets: [ '@vue/cli-plugin-babel/preset', ], "plugins": [ ["import",{ "libraryName":"vant", "style":true } ] ] }

接下来重启项目一下。