Vue3按需加载ant-design-vue组件库
1、安装ant-design-vue
使用yarn 或 npm 安装并引入 ant-design-vue。
yarn add ant-design-vuenpm i --save ant-design-vue2、安装 babel-plugin-import
babel-plugin-import 是一个用于按需加载组件代码和样式的 babel 插件。
yarn add babel-plugin-import --dev3、babel配置
修改babel.config.js文件，配置 babel-plugin-import参数。
//babel.config.js
// lazy load ant-design-vue
// if your use import on Demand, Use this code
plugins.push(['import', {
'libraryName': 'ant-design-vue',
'libraryDirectory': 'es',
'style': true // `style: true` 会加载 less 文件
}])
module.exports = {
presets: ['@vue/cli-plugin-babel/preset'],
};