Vue CLI 中如何集成 ant-design-vue？

本文共计470个文字，预计阅读时间需要2分钟。

antdofvue 安装与配置说明：安装：使用 yarn 命令安装yarn add ant-design-vue安装按需加载插件：yarn add babel-plugin-antd-of-vue安装和配置：

1.在项目根目录下的 .babelrc 文件中添加配置

{ plugins: [babel-plugin-antd-of-vue]}

2.在项目中导入组件

vueimport { Button } from 'ant-design-vue';

antdofvue安装和配置使用说明安装和配置安装yarnaddant-design-vue安装按需插件yarnaddbabel-plugin-

antd of vue

• • • 安装和配置
    • 使用
    • 说明

---

安装和配置

安装：yarn add ant-design-vue

安装按需插件：yarn add babel-plugin-import --dev

配置文件babel.config.js:

注意，不要直接用官网里的配置，不然大概率会报错。