React Native 文件架构中每个文件的用途是什么?
What is the purpose of each file in the React Native file architecture?
最近开始使用React Native,按照官方文档初始化了一个项目npx react-native init ProjectName
。
我不确定工具版本是否重要(可能是),但我使用的是 npm version 6.13.7
、react-native-cli version 2.0.1
和 react-native 0.62.2
。使用该配置,我得到的文件架构如下:
我搜索了一下,但没有找到答案。那么,有人可以向我解释一下此文件体系结构中每个文件的用途是什么以及我可以删除哪些文件吗?
提前谢谢你:D
Package.json
此文件包含您的应用正在使用并且需要为 运行 您的应用安装的模块的所有依赖项。
yarn.lock 文件 yarn 和 package-lock.json
这两个文件包含您的依赖项的版本 yarn.lock package-lock.json 是为 npm 或 yarn 修改 [=] 的任何操作自动生成的=81=]树或package.json。它描述了生成的确切树,以便后续安装能够生成相同的树,而不管中间依赖项更新如何。
app.json
此文件包含您的应用程序名称等
babel.config.js
此文件包含与 babel 相关的配置,Babels 是一个将 ES6 转译为 ES5 的转译器。
index.js
这是您的应用程序表单的入口点,您的本机代码开始执行。
EsLint 和 Prettier
这些文件与维护代码缩进、Unused imports、extra、spacing 有关,这些文件包含与这些东西相关的配置(EsLint 和 prettier 用于避免上述事情)。
.watchMan
watchman 在 packager 为 运行 时监视代码变化,所以这个文件有关于这个的配置。
.流量
Flow 用于类型检查,因此它包含与此相关的配置。
node_modules
此文件夹包含您的应用程序正在使用的所有模块,这些模块也在您的 package.json
中列出。
然后是 Android
(包含原生 android 代码)、IOS
(包含原生 ios 代码)和其他 JS files
其中包含代码 react-native js 代码。
最近开始使用React Native,按照官方文档初始化了一个项目npx react-native init ProjectName
。
我不确定工具版本是否重要(可能是),但我使用的是 npm version 6.13.7
、react-native-cli version 2.0.1
和 react-native 0.62.2
。使用该配置,我得到的文件架构如下:
我搜索了一下,但没有找到答案。那么,有人可以向我解释一下此文件体系结构中每个文件的用途是什么以及我可以删除哪些文件吗?
提前谢谢你:D
Package.json
此文件包含您的应用正在使用并且需要为 运行 您的应用安装的模块的所有依赖项。
yarn.lock 文件 yarn 和 package-lock.json
这两个文件包含您的依赖项的版本 yarn.lock package-lock.json 是为 npm 或 yarn 修改 [=] 的任何操作自动生成的=81=]树或package.json。它描述了生成的确切树,以便后续安装能够生成相同的树,而不管中间依赖项更新如何。
app.json
此文件包含您的应用程序名称等
babel.config.js
此文件包含与 babel 相关的配置,Babels 是一个将 ES6 转译为 ES5 的转译器。
index.js
这是您的应用程序表单的入口点,您的本机代码开始执行。
EsLint 和 Prettier
这些文件与维护代码缩进、Unused imports、extra、spacing 有关,这些文件包含与这些东西相关的配置(EsLint 和 prettier 用于避免上述事情)。
.watchMan
watchman 在 packager 为 运行 时监视代码变化,所以这个文件有关于这个的配置。
.流量
Flow 用于类型检查,因此它包含与此相关的配置。
node_modules
此文件夹包含您的应用程序正在使用的所有模块,这些模块也在您的 package.json
中列出。
然后是 Android
(包含原生 android 代码)、IOS
(包含原生 ios 代码)和其他 JS files
其中包含代码 react-native js 代码。