javascript - 如何在 React Native 中查看 javascript 包代码?
问题描述
我有一个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 输出?
解决方案
您可以自己生成捆绑包,然后对其进行检查。
在终端上运行时访问 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
推荐阅读
- git - 将较新的 Git 存储库附加到较旧的存储库以结合两个历史记录
- sql - 相关查询的效率
- angular - 使用带有 Angular 字体的 CSS 伪元素真棒问题
- r - 创建一个使用 dplyr 的函数,其中将参数传递给过滤器
- flutter - Flutter 运行使用不正确的 apk 路径
- asset-pipeline - Rails 6 的资产管道中不存在资产“application.js”
- python - 如何在 Pandas 中实现这种类型的搜索?
- javascript - 遍历数组中的嵌套对象并删除属性名称和值
- groovy - 将元素附加到列表中会在 Groovy 中创建列表列表
- c++ - C 的替代方案,例如 C++ 的标签和转义嵌套循环