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了
