Vant 在在vue-cli 4.x中按需加载操作中按需加载操作
在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
}
] ] }
接下来重启项目一下。
补充知识：补充知识：vue cli 3 升级到升级到 vue cli 4 方法步骤及升级点总结方法步骤及升级点总结
官方升级英文文档，中文文档相对滞后。
简介：vue cli 4 官方已经更新有一段时间了，现在是4.0.5 版本，看了官方文档大概有二十几点的更新，还是干货满满呀，值得升级一
下，下面是升级步骤。
一一.首先，在全局安装最新的首先，在全局安装最新的 Vue CLI：：
npm install -g @vue/cli
# OR
yarn global add @vue/cli
检查安装的版本检查安装的版本
vue -V # 输出:@vue/cli 4.x.x 说明@vue/cli 4安装成功( vue cli 3的版本会输出 3.x.x )
踩坑记录踩坑记录
npm install -g @vue/cli 执行成功，但是执行 vue -V 输出的还是3.5.6(我以前安装的版本)，
于是又重新执行 npm install -g @vue/cli，显示成功，执行 vue -V 输出的还是3.5.6，
一脸懵逼 ，然后重启电脑，再执行vue -V 输出 @vue/cli 4.0.5，解决 。
二二.在项目根目录下执行在项目根目录下执行
vue upgrade
然后出现
提示 继续升级这些插件吗？ 输入 Y 即可.
三三.等步骤二等步骤二 执行完会发现主要有执行完会发现主要有 2 个文件被修改个文件被修改
1.文件 babel.config.js
主要是 babel 的预设由@vue/app 改成了@vue/cli-plugin-babel/preset
资源评论
