react crao配置antd按需引入样式

先参照官方文档高级配置

首先执行npm add @craco/craco

npm add @craco/craco

修改package.json中关于scripts中的配置，保留绿色部分，去除红色部分，eject这里暂时没有管

"scripts": {
    "start": "craco start",
    "build": "craco build",
    "test": "craco test",
    "eject": "react-scripts eject"
  },

然后初始化babel

npm install babel-plugin-import

最后新建craco.config.js文件即可

//配置具体的修改规则

module.exports = {
    babel: {//支持装饰器
        plugins: [
            [
                "import",
                {
                    "libraryName": "antd",
                    "libraryDirectory": "es",
                    "style": 'css' //设置为true即是less 这里用的是css
                }
            ]
        ]
    },
};

这个引入样式的地方就可以删除掉了哦~，最后执行npm start依然能看到有样式的按钮，无需引入整个antd.css