React
1、安裝
當(dāng)做react項(xiàng)目時(shí),不需要重新安裝webpack,creact-react-app會自動(dòng)生成webpack需要的文件。
第一次操作時(shí),安裝一個(gè)工具:creact-react-app
npm install -g create-reate-app//全局安裝
creact-react-app hello-world // hello-world文件夾名,或者直接在文件夾里 creact-react-app .
cd hello-world
npm start 或者 yarn start
安裝了yarn,是yarn start ,沒有,則是 npm start
運(yùn)行yarn run build就可以看到build目錄
hello-world文檔的結(jié)構(gòu)目錄:
src 目錄,用于存放所有源代碼,最重要的就是 index.js 了。跟我們上個(gè)任務(wù)中的 src/index.js 是一個(gè)意思。
public 目錄,用于存放靜態(tài)資源(不需要 build 的資源),如 publib/index.html
build 目錄,運(yùn)行 yarn run build 或者 npm run build 就可以看到 build 目錄了,修改了package.json后。最好yarn run build一下。
create-react-app 內(nèi)置了 webpack 的所有功能,不需要我們配置,我們只需要運(yùn)行 yarn run start 或者 yarn run build 就行了,其他的都不用我們操心。
2、開始react項(xiàng)目
空目錄里:
create-react-app .
yarn start
該項(xiàng)目第一次上傳到gitHub時(shí),
1、刪除.gitignore里面/build一行,因?yàn)?gitignore 被 create-react-app 改掉了
2、在package.json里添加
"homepage": "https://jirengu-inc.github.io/project-react-1/build"
3、預(yù)覽地址:/build/index.html