GitHub查找器React项目结构分析
Github 项目的快速查找器,界面清爽,启动也快,适合想搞清楚某个项目结构或者依赖的你。整个流程走的就是标准的React + Webpack套路,脚本写好了,进项目目录直接npm start
就能看效果。
项目的开发模式响应挺快,改了代码页面自动刷新,懒得手动刷新了。而且控制台报错也清晰,哪出问题一眼就能看到,调试省事儿。
测试模式也是配好的,用npm test
就能开跑。适合你平时写点单测,又不想折腾配置的时候。默认是交互模式,跑完一个等你改完再继续。
正式上线的时候用npm run build
,会自动压缩代码,加哈希,打包到build
文件夹,直接拿去部署就行。用的是 React 的生产优化配置,性能和体积都得还不错。
如果你有定制化需求,比如要动 Webpack、Babel 配置,也可以npm run eject
。不过注意哦,这是单程票,eject 之后不能回头。适合喜欢折腾配置的同学,不然还是用默认的省事。
想再深入了解构建流程,可以看看下面这几篇:
- React + Webpack + Babel 教程
- Webpack 和 Babel 构建 NPM 组件的模板
- RobStack: 带有 React、Webpack 的全家桶项目
- React、Babel、Webpack 基础示例
- 使用 Babel 5 和 Webpack 构建 React 应用的命令指南
如果你刚开始玩 React 项目或者想找个轻量模板试试水,这个项目还是蛮适合的。用起来顺手,也方便二次改造。
GithubFinder-master.zip
预估大小:33个文件
GithubFinder-master
文件夹
package.json
800B
package-lock.json
572KB
src
文件夹
App.css
5KB
index.js
220B
assets
文件夹
spinner.gif
9KB
setupTests.js
255B
components
文件夹
191.45KB
文件大小:
评论区