引入antd后没有预期效果

引入antd后没有预期效果

问题重现：

通过命令 yarn add ant-design-vue 引入ant-design-vue后，在main.js引入antd的按钮组件，一系列操作后，yarn serve 后 ，部分样式没有实现（没有效果）

问题解决路程：

网上百度找，自己也看antd文档，并根据其操作步骤走，开始时没有解决，终于，功夫不负有心人，找到了一个博客，试着试着成功了，hahah。

博客地址（https://www.cnblogs.com/xiaoyun1121/p/11698488.html）

问题根源：缺少一个文件babel-plugin-import

• 安装babel-plugin-import

  • npm add babel-plugin-import --dev

• 使用vue-cli3 的修改babel.config.js文件，配置babel-plugin-import

  module.exports = { presets: ["@vue/app"], plugins: [ [ “import”,{ libraryName: “ant-design-vue”, libraryDirectory: “es”, style: true } ] ] };

• 最后npm run serve 或者 yarn serve

• 成功！！！！！