用create-react-app创建antd项目（less）

3步快速搭建一个平时写demo的简单环境
1.进入要创建项目的文件夹
命令行输入

npm install -g create-react-app

create-react-app antd-demo

cd antd-demo

npm install antd --save

npm install babel-plugin-import react-app-rewire-less react-app-rewired --save-dev

2.在项目根目录创建config-overrides.js文件
写入以下配置

const { injectBabelPlugin } = require("react-app-rewired");
const rewireLess = require("react-app-rewire-less");

module.exports = function override(config, env) {
  config = injectBabelPlugin(
    ["import", { libraryName: "antd", libraryDirectory: "es", style: true }],
    config
  );
  config = rewireLess.withLoaderOptions({
    modifyVars: { "@primary-color": "#1DA57A" },
    javascriptEnabled: true
  })(config, env);
  return config;
};

3.修改 package.json 文件中的“script”为以下命令

{
 ...
    "scripts": {
        "start": "react-app-rewired start",
        "build": "react-app-rewired build",
        "test": "react-app-rewired test",
        "eject": "react-scripts eject"
    },
...
}

可以运行npm start 开始写demo了