這是我在用react搭建項目時谤绳,用到的一些東西袒哥,順序純屬自己定義消略,
一.創(chuàng)建項目
用react 創(chuàng)建一個項目堡称,這也是官方給出的
1.npm install create-react-app -g
2.create-react-app react-demo ?(react-demo項目名)
3.cd react-demo?
4.npm install
5.npm start ? ? //運行
二.配置路由
1.安裝
npm install --save react-router-dom
這樣就可以使用react router 了
三.添加less配置
使用create-react-app?創(chuàng)建的項目默認(rèn)不支持less艺演,以下增加less配置的步驟
安裝
?npminstall--save-dev less-loaderless
修改webpack配置
修改?webpack.config.dev.js?和?webpack.config-prod.js?配置文件
1. exclude
/\.css$/?改為?/\.(css|less)$/
2. test
test: /\.css$/?改為?/\.(css|less)$/
test: /\.css$/?的?use?數(shù)組配置增加?less-loader