react是现在流行的3大前端开发框架之一,企业用react做项目开发越来越多。本教程介绍react项目基本的目录架构设置。
方法/步骤
1
整体的目录架构以下为一个react项目整体的目录架构1. .git 是 git文件夹2. dist 是打包后文件放置地方3. src 是源码文件,一般做开发就在这个文件夹。4. .babelrc是babel配置文件5. webpack.config.js是webpack配置文件6. server.js 是 express服务器文件7 . .editorconfig 是编辑器配置文件,用来同意团队开发的编辑器配置8. node_modules是各个插件存放位置
2
入口文件1.网页入口文件放在 dist/index.html2. react入口文件放在 src/app.js
3
源码文件目录架构1.actions 存放react action路径2. common 存放公共文件3. components 存放 react jsx文件4. images 存放图片5. stores 存放 react action具体执行方法
4
其他的文件夹1.api文件夹存放接口文件2. style文件存放自定义的样式文件
上一篇:如何挑选古筝,怎么选购古筝
下一篇:Web前端开发的前景与用处