写篇文章攻克React——(2)React项目结构与脚手架

320 阅读1分钟

如果我们有egg和vue或则其他工程化框架项目的学习经历,react项目结构本身也没有多少特别的。没有框架都有自己的结构,但是都是形变神不变。

React项目结构

前面我们通过基本的初始化语句完成了react项目初始化:

$ create-react-app my-app /*创建项目,应用名称不要有大写字母*/ 
$ cd my-app/ /*进入项目目录*/ 
$ npm run start /*启动项目*/

image.png

根据实际的项目结构图:

  • node_modules:就是npm包管理器给当前项目下载的模块和插件,我们在package.json中可以找到具体有哪些模块和插件。

  • src:编译前的项目代码。

  • package.json:npm配置文件,包含项目npm指令和项目的两种依赖以及代码版本等配置信息

  • 其他:.gitgnore是git的忽略配置文件,README.md就是项目文档

create-react-app脚手架

create-react-app作为脚手架,启发了egg等框架脚手架的开发。