React项目脚手架

Create React App 的项目脚手架,结构清晰,适合初学者上手。项目内置了常用的开发脚本,像是npm startnpm testnpm run build,基本能覆盖开发、测试、打包等日常操作,挺方便的。你要是想快速搭个 React 项目出来,这套挺顺手。

开发模式下,直接跑npm start就能本地起服务,改完代码自动热更新,响应也快。出点小错,控制台会直接提示,挺适合调试。

测试部分用的是 Jest,跑npm test就行,默认是交互式运行,适合边开发边验证。平时写组件可以顺便加点测试,习惯养起来比较好。

构建发布那块,用npm run build一键生成build目录,打包之后的文件名还带哈希值,部署上线也省心,不容易缓存出问题。

要是你对默认配置不满意,npm run eject可以把所有配置拉出来手动改。但说实话,慎用,因为一旦 eject 就回不去了,除非你真对 Webpack 这些东西比较熟,建议别轻易动。

另外,下面这些文章也挺值得看看:像Create React App 项目构建指南React App Initialization,还有基于它做的SnapChat Clone,都蛮有参考价值。

如果你打算自己动手搭 React 项目,又不想从零配置 Webpack,那就直接上 Create React App,简单高效,值得一试。

zip 文件大小:348.52KB