Question

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

我想查看捆绑软件中的javascript代码，以便查看TypeScript和Babel进行了哪些修改。具体来说，我试图查看TS和Babel如何处理类构造函数的默认参数。

我知道，如果将构造函数参数赋予修饰符（例如public，private或readonly），则TS会将this.parameter = parameter添加到类构造函数主体中，但是我不知道this.parameter = parameter是否是添加到构造函数主体的开头或结尾。

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

Answer 1

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

运行在终端上的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

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

1 个答案: