如何在 React Native 中查看 javascript 包代码？

Question

我有一个React Native 0.57.8使用 TypeScript 和 Babel 7的项目。

我想查看捆绑包中的 javascript 代码，以便查看 TypeScript 和 Babel 修改的内容。具体来说，我想看看 TS 和 Babel 如何处理类构造函数的默认参数。

我知道this.parameter = parameter如果构造函数参数被赋予了诸如 public、private 或 readonly 等修饰符，TS 将添加到类构造函数体中，但我不知道this.parameter = parameter是添加到构造函数体的开头还是末尾构造函数体。

有没有办法可以查看 TS 和 Babel 创建的 javascript 输出？

Answer 1

您可以自己生成包，然后检查它。

当它在终端上运行时访问 Metro Bundler url，例如 http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false。

（如果尚未缓存，这可能需要完整生成，因此可能需要一段时间）。

或者直接通过命令行生成一个静态文件：

// iOS
npx react-native bundle --entry-file=index.js --bundle-output='./bundle.js' --dev=false --platform='ios' --assets-dest='./ios' --reset-cache
// Android
npx react-native bundle --entry-file=index.js --bundle-output='./bundle.js' --dev=false --platform='android' --assets-dest='./android/app/src/main/res' --reset-cache