陈斌彬的技术博客

Stay foolish,stay hungry

React Native注意点

在使用React Native的时候,经常会看到这么一段代码

var React = require('react-native');

那么require这个语句的作用到底是什么呢,下面的流程提取自require() 源码解读

当遇到 require(X) 时,按下面的顺序处理。

1)如果 X 是内置模块(比如 require(‘http’))

  1. 返回该模块。   
  2. 不再继续执行。

2)如果 X 以 “./” 或者 “/” 或者 “../” 开头

  1. 根据 X 所在的父模块,确定 X 的绝对路径。

  2. 将 X 当成文件,依次查找下面文件,只要其中有一个存在,就返回该文件,不再继续执行。

    X

    X.js

    X.json

    X.node

  3. 将 X 当成目录,依次查找下面文件,只要其中有一个存在,就返回该文件,不再继续执行。

    X/package.json(main字段)

    X/index.js

    X/index.json

    X/index.node

3)如果 X 不带路径

  1. 根据 X 所在的父模块,确定 X 可能的安装目录。

  2. 依次在每个目录中,将 X 当成文件名或目录名加载。

4) 抛出 “not found”

以上就是require语句的整个执行过程。那么require(‘react-native’);请求的到底是什么呢,其实就是node_modules\react-native\Libraries\react-native\react-native.js这个文件,该文件中导出了一些常用的组件

Resource Reference