Vant再vue-cli 4.x中按需加载

最新推荐文章于 2023-04-27 15:55:54 发布

原创最新推荐文章于 2023-04-27 15:55:54 发布 · 475 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

Vue 专栏收录该内容

45 篇文章

订阅专栏

本文详细介绍了在Vue CLI 4.x环境下如何正确配置Vant组件库的按需加载，包括安装babel-plugin-import插件及在babel.config.js中添加配置项的具体步骤。

在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
      }
    ]
  ]
}

接下来重启项目一下