ReactNative项目结构目录详解

在使用 react-native init TestProject 在新建项目时,会看到如下目录

ReactNative项目结构目录详解

React Native结构目录
名称 描述
android目录 Android项目目录,包含了使用AndroidStudio开发项目的环境配置文件;
ios目录 iOS项目目录,包含了XCode的环境
iOS项目目录,包含了XCode的环境 基于node文件依赖系统产生的相关依赖和第三方lib
.babelrc Babel配置文件,在.babelrc配置文件中,主要是对预设(presets)和插件(plugins)进行配置,因此不同的转译器作用不同的配置项
.buckconfig Buck的配置文件,buck是Facebook开源的高效构建系统
.flowconfig Flow的配置文件,flowconfig是是Flow的配置文件
.gitattributes git配置文件,指定非文本文件的对比合并方式
.gitignore git配置文件,用于忽略你不想提交到Git上的文件
.watchmanconfig watchman的配置文件,watchman用于监控文件变化,辅助实现工程修改信息
index.js ios或android的入口,但是老版本中可能使用index.ios.js/index.android.js,android中配置application文件的getJSMainModuleName()配置入口
app.json app的json文件
package.json 项目基本信息以及依赖信息
package-lock.json npm install生成的文件,记录当前npm package的信息
.idea/app目录 .idea是webstorm生成目录,app是自己新建的目录,可以忽略两个目录
上一篇:Scala语言开发入门


下一篇:Android 沉浸式状态栏 实现方式二 ( 更简单 )