Personal-Website React项目结构与开发配置

Personal-Website 的项目结构是典型的create-react-app风格,适合新手练手,也方便老手快速起盘。

项目自带了常用的 npm 脚本,比如npm start,开发模式下启动快,改完代码浏览器自动刷新,响应也快,调试起来还挺顺手。

npm run build打包出来的结果比较干净,资源名带了哈希,适合直接部署上线。想省事就一直用 CRA,不想受限也可以npm run eject,把配置全都摊开来。不过注意,eject 之后就回不去了,要改 Webpack 配置的话要慎重。

哦对了,还有npm test可以跑测试,集成了 Jest,适合你边开发边写点单元测试。项目没有花哨的功能,但作为 React 起手项目,还挺实用的。

如果你想了解npm run eject的细节,可以看看这篇npm run eject 配置文章,讲得蛮细的。也推荐这篇React 项目开发模式、构建与优化指南,有不少干货。

zip 文件大小:2.83MB