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

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命令。