如果我们有egg和vue或则其他工程化框架项目的学习经历,react项目结构本身也没有多少特别的。没有框架都有自己的结构,但是都是形变神不变。
React项目结构
前面我们通过基本的初始化语句完成了react项目初始化:
$ create-react-app my-app /*创建项目,应用名称不要有大写字母*/
$ cd my-app/ /*进入项目目录*/
$ npm run start /*启动项目*/
根据实际的项目结构图:
-
node_modules
:就是npm包管理器给当前项目下载的模块和插件,我们在package.json中可以找到具体有哪些模块和插件。 -
src
:编译前的项目代码。 -
package.json
:npm配置文件,包含项目npm指令和项目的两种依赖以及代码版本等配置信息 -
其他:
.gitgnore
是git的忽略配置文件,README.md
就是项目文档
create-react-app脚手架
create-react-app作为脚手架,启发了egg等框架脚手架的开发。