安裝react腳手架('create-react-app' 不是內部或外部命令?)
阿新 • • 發佈:2018-11-09
1. npm install create-react-app -g
2. create-react-app myReact
有人可能會碰到‘create-react-app’ 不是內部或外部命令… 此時用 npx create-react-app myReact
來替代第二步
安裝完react腳手架的目錄如下:
第三步,進入myReact目錄執行react
3. npm start
打包命令:
npm run build
安裝路由
npm i -S react-router react-router-dom
檢視線上生產環境的執行效果
npm install -g pushstate-server
pushstate-server build
專案整體配置資訊,在專案路徑 /package.json
中。
如果想要自己配置webpack或者其他設定,就要執行命令:npm run eject
來彈出腳手架幫我們隱藏的配置檔案。
(過程中要選擇輸入y/N分別來確認y或取消N操作,因為這個操作是單向,不可逆的)
Eject之後的目錄下檔案結構
多了兩個資料夾:config
和scripts
1、config資料夾下主要是webpack的詳細配置檔案,一般不需要修改。
2、 scripts資料夾下的幾個js檔案其實就是實際執行我們npm run命令的的配置,一般也不需要需改。
現在我們再回來看看package.json檔案,東西多了很多依賴,之前都是封裝在react-scripts內部的,而現在可以自己去配置了。