React Native项目在局域网内开发

1、在设备上搭建Packager服务器

首先在WebStorm终端运行下面指令，安装metro依赖

npm install --save-dev metro
或者
yarn add --dev metro     

然后修改metro.config.js 

const path = require('path');

module.exports = {
  resolver: {
    sourceExts: ['jsx', 'js', 'ts', 'tsx'], // 添加支持的文件扩展名
  },
  transformer: {
    getTransformOptions: async () => ({
      transform: {
        experimentalImportSupport: false,
        inlineRequires: true,
      },
    }),
  },
  watchFolders: [
    //path.resolve(__dirname, 'path/to/your/project'), // 添加项目目录路径
    path.resolve(__dirname, './'), // 因为metro.config.js位于项目的根目录下，所以直接设置'./'
  ],
};

2、开启Packager服务

使用以下指令开启一个Packager服务

npx react-native start

3、运行项目 

使用以下指令运行android或者ios

react-native run-android
或者
react-native run-ios

说明：导入第三方依赖时还是需要设备连接互联网进行，文章旨在记录公司限制访问外网时如何在内网中进行开发。