- 1、yarn add ant-design-vue@next --//官方默认安装的插件是1.几版本的,而支持vue3的antd需要是2.几版本的
- 2、yarn add babel-plugin-import --//这是按需引入的指令
- 3、在main.js中全局按需注册的代码
import { createApp } from 'vue'
import App from './App.vue'
import {Button} from 'ant-design-vue'
createApp(App).use(Button).mount('#app')
- 4、在babel.config.js配置以下代码实现按需加载
module.exports ={
"plugins": [
["import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": "css" }] // `style: true` 会加载 less 文件
]
}