React开箱即用脚手架

沉迷前端的脚手架,属于那种开箱即用的项目模板,集成了 React、Webpack、Babel 这些老朋友,配置比较清晰,开发流程顺滑。

开发环境直接跑yarn start就能起飞,自动打开浏览器不说,保存后还能热更新,改完立即见效果,效率还挺高。

构建用的是yarn build,输出的文件已经做了压缩、加了哈希,拿去部署就行,基本不用你再操心优化问题。测试方面也不赖,yarn test支持交互式运行,看测试覆盖率或者跑个单元测试都方便。

如果你想更自由地定制构建配置,可以考虑yarn eject,虽然是单向操作,但对老手来说是解锁完全控制的开关,Webpack、ESLint、Babel 配置全暴露出来,适合喜欢深度折腾的你。

要是你还在捣鼓 React 项目的脚手架,可以顺带看看这些:React + Webpack + Babel 教程webpack-eslint-react-boilerplate,蛮实用的。

如果你用 TypeScript 开发,推荐再看看前端开发工具链,整合得比较全面,适合一套搞定。

zip 文件大小:227.95KB