react项目antd css样式生效问题

刚开始我们在react项目里执行：yarn add antd时，我们在页面里引入button按钮时是不生效的，那该怎么办呢？

第一种办法：就是在我们自己less文件里面输入 @import "~antd/dist/antd.less"; 然后，每个css样式都要引入那个含有这句话的less文件；

第二种办法：babel-plugin-import插件

输入：npm i babel-plugin-import -D

再次执行，会报错，说缺少css-loader

输入：yarn add css-loader

再次执行，会报下面的错：

./node_modules/antd/es/style/index.less (./node_modules/css-loader!./node_modules/less-loader/dist/cjs.js!./node_modules/antd/es/style/index.less)    这个错误

这是我们的less版本不兼容问题

输入：npm install less@2.7.2

再次执行，OK!