Learn Synthesis React学习项目
项目的启动脚本放在目录里,直接yarn start
就能跑起来,开发模式下热更新响应也快。你改点代码,页面自己刷;写错了,控制台立马飘红提醒,挺贴心的。还有yarn test
,方便跑单测,交互模式操作体验还不错。
打包这块用yarn build
就行,生成的包优化得蛮到位的,像是文件名加 hash
、最小化
这些都有,适合直接上线部署。要是你想彻底掌控项目配置,用yarn eject
就能把 webpack、Babel、ESLint 全部释放出来,不过注意这是单程票,不能回头。
React开发新手或者熟手都能上手,项目结构清晰,不容易踩坑。如果你对类似技术栈感兴趣,可以看看这几个资源,搭配食用效果更好:
- React + Webpack + Babel 教程
- webpack-eslint-react-boilerplate
- babel-webpack-react-router-eslint-hot-loader-boilerplate
如果你打算搭建一个React + Webpack
的开发环境,这项目可以直接拷走练手,适合自定义修改和深入了解脚手架原理。
227.09KB
文件大小:
评论区