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