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

2026-06-10 17:080阅读0评论SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

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

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

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

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

1. 如果使用按需加载,需要下载并安装babel-plugin-import: cnpm install babel-plugin-import --save-dev

2.在根目录中找到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 } ] ] }

接下来重启项目一下。

阅读全文

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

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

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

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

1. 如果使用按需加载,需要下载并安装babel-plugin-import: cnpm install babel-plugin-import --save-dev

2.在根目录中找到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 } ] ] }

接下来重启项目一下。

阅读全文