Webpack与React

React

1、安装

当做react项目时，不需要重新安装webpack，creact-react-app会自动生成webpack需要的文件。
第一次操作时，安装一个工具：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
运行yarn run build就可以看到build目录
hello-world文档的结构目录：

Paste_Image.png

src 目录，用于存放所有源代码，最重要的就是 index.js 了。跟我们上个任务中的 src/index.js 是一个意思。

public 目录，用于存放静态资源（不需要 build 的资源），如 publib/index.html

build 目录，运行 yarn run build 或者 npm run build 就可以看到 build 目录了,修改了package.json后。最好yarn run build一下。

create-react-app 内置了 webpack 的所有功能，不需要我们配置，我们只需要运行 yarn run start 或者 yarn run build 就行了，其他的都不用我们操心。

2、开始react项目

空目录里：

create-react-app .
yarn start

该项目第一次上传到gitHub时，
1、删除.gitignore里面/build一行，因为.gitignore 被 create-react-app 改掉了
2、在package.json里添加
"homepage": "https://jirengu-inc.github.io/project-react-1/build"
3、预览地址：/build/index.html