Competition React脚手架配置

React 项目的脚手架配置,competition 的开发体验还是挺顺的。

项目目录下直接跑yarn start就能启动开发模式,热更新挺快,改一行代码刷新一下,响应也丝滑。

构建工具方面是经典组合:Webpack + Babel + ESLint。这些都已经预设好了,省了不少折腾配置的时间。你要是想看看测试,yarn test就能跑交互式测试,挺适合边写边测。

构建出来的代码也做了优化,压缩、哈希命名这些都带了,部署基本不用操心。用yarn build一下,就能生成一个准备上线的版本。

不过要注意,yarn eject这个操作是不可逆的。执行之后,所有隐藏的配置都会暴露出来,适合那种要深度定制配置的场景,平时其实不用动它。

如果你还不太熟 Webpack 那套,可以看看这些教程:React + Webpack + Babel 教程基础示例、还有webpack-react-start这个入门项目也不错。

,competition 这个脚手架比较适合需要快速搭建 React 项目的你,省心省力,还留了进阶空间。

zip 文件大小:16.75MB