1. npm install create-react-app -g
2. create-react-app myReact
有人可能會碰到‘create-react-app’ 不是內(nèi)部或外部命令… 此時用 npx create-react-app myReact
來替代第二步
安裝完react腳手架的目錄如下:
image
第三步,進入myReact目錄運行react
3. npm start
打包命令:
npm run build
安裝路由
npm i -S react-router react-router-dom
查看線上生產(chǎn)環(huán)境的運行效果
npm install -g pushstate-server
pushstate-server build
項目整體配置信息鸠项,在項目路徑 /package.json
中眷柔。
如果想要自己配置webpack或者其他設置,就要執(zhí)行命令:npm run eject
來彈出腳手架幫我們隱藏的配置文件驴一。
(過程中要選擇輸入y/N分別來確認y或取消N操作,因為這個操作是單向灶壶,不可逆的)
Eject之后的目錄下文件結(jié)構(gòu)
多了兩個文件夾:config
和scripts
1肝断、config文件夾下主要是webpack的詳細配置文件,一般不需要修改例朱。
2孝情、 scripts文件夾下的幾個js文件其實就是實際執(zhí)行我們npm run命令的的配置鱼蝉,一般也不需要需改洒嗤。
現(xiàn)在我們再回來看看package.json文件,東西多了很多依賴魁亦,之前都是封裝在react-scripts內(nèi)部的渔隶,而現(xiàn)在可以自己去配置了。
作者:韭菜過敏者
鏈接:http://www.reibang.com/p/2f1ed8e54a56
來源:簡書
著作權(quán)歸作者所有洁奈。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)间唉,非商業(yè)轉(zhuǎn)載請注明出處。