如何在 React Native 中查看 JavaScript bundle 代码



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

我想看看捆绑包中的javascript代码,这样我就可以看到TypeScript和Babel修改了什么。具体来说,我正在尝试查看 TS 和 Babel 如何处理类构造函数的默认参数。

我知道如果构造函数参数被赋予一个修饰符,例如公共、私有或只读,TS 会将this.parameter = parameter添加到类构造函数体中,但我不知道this.parameter = parameter是添加到构造函数体的开头还是构造函数体的末尾。

有没有办法查看 TS 和 Babel 创建的 javascript 输出?

您可以自己生成捆绑包,然后对其进行检查。

当 Metro Bundler 网址在终端上运行时,可以访问它,例如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

最新更新