antd 全局按需引入

1、新建plugins/antd.js 文件

import { Avatar, Breadcrumb, Button, Checkbox, Form, Input, Layout, Menu, Pagination, Dropdown } from 'ant-design-vue';
const components = [Button, Pagination, Form, Input, Checkbox, Layout, Menu, Breadcrumb, Avatar, Dropdown];
export const componentsPlugin = app => components.forEach(app.use, app);

2、main.js

import { createApp } from 'vue';
import App from './App.vue';
import { componentsPlugin } from './plugins/antd.js';
var app = createApp(App);
componentsPlugin(app);
app.mount('#app');

 

posted @ 2022-02-21 10:08  张健华  阅读(1427)  评论(0编辑  收藏  举报