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文档的结构目录:
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