本文介绍了在Vue CLI4.5.13项目中按需引入Vant UI库，并解决样式失效的问题。步骤包括使用vue-cli新建项目，下载 vant 和 babel-plugin-import，配置 babel.config.js，以及在遇到样式不生效时的排查和解决方法，通过修改CSS loader配置使Vant样式成功应用。
1.使用vue-cli4.5.13新建vue项目
①先全局安装最新版本的vue-cli,如果安装了旧版本的，最好先卸载
npm install -g @vue/cli
# OR
yarn global add @vue/cli
@创建项目
vue create 自己项目的名称
2，下载vant
npm i vant -S
3.下载babel-plugin-import并在babel.config.js中修改配置如下（babel-plugin-import文档上有详细说明如何配置）
module.exports = {
presets: [
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
