一、在vue中如何引入ant design
（1）完整引入
main.js中全局引入并注册import Antd from ‘ant-design-vue‘ import ‘ant-design-vue/dist/antd.css‘ Vue.use(Antd)
<template>
<div>
<a-button type="primary">hello world</a-button>
</div>
</template>
<script>
export default {}
</script>
main.js中导入并注册需要在项目中使用的组件import { Button } from "ant-design-vue";
import ‘ant-design-vue/lib/button/style/css‘
Vue.component(Button.name, Button)
<template>
<div>
<a-button type="primary">hello world</a-button>
</div>
</template>
<script>
export default {}
</script>
ant-design-vue使用babel-plugin-import进行按需加载
babel-plugin-import插件npm i babel-plugin-import --save-dev
.babelrc文件，在plugins节点下，添加下面这个配置项："plugins": ["transform-vue-jsx", "transform-runtime", [ "import", { "libraryName": "ant-design-vue", "libraryDirectory": "lib", "style": "css" } ] ]
<template>
<div>
<a-button type="primary">hello world</a-button>
</div>
</template>
<script>
import { Button } from ‘ant-design-vue‘;
export default {
components:{ AButton:Button },
}
</script>
原文：https://www.cnblogs.com/psxiao/p/11417697.html