react + react-router + less +antd 开发环境

react + react-router + less +antd 开发环境搭建

1.基于create-reacte-app，须要先安装这个脚手架，而后初始化项目。
2.进入项目目录，首先 npm run eject 释放配置文件。
3.安装各类包

npm install react-router react-router-dom less less-loader antd react-redux --save

4.安装完以后，要去config文件夹下配置 less-loader

修改 webpack.config.dev.js 和 webpack.config-prod.js 这两个配置文件

test: /.css$/ 改成 /.(css|less)$/
test: /.css$/ 的 use 数组配置增长 less-loader

5.若是antd须要按需引入，参照antd官网 安装两个包，进行配置。
6.若是是原来的项目须要eject ，那么要保证仓库里没有 待追踪的文件。 能够先提交一次。再eject。还有一点，若是antd按需加载以后，须要把 eject命令 ，换回 react-script命令。