react-native项目打包速度优化

随着iOS项目越来越大, 项目打包安装速度越来越慢,现在安装一次居然差不多要到了八,九分钟. 真是服了. 项目是用iOS原生+react-native混合开发方式, 看Xcode提示百分之九十时间都是卡在跑这脚本上.

原因

这位大神早就给出了答案, 罪魁祸首就是这个react-native-xcode.s. 每次打包安装都重新把RN文件打包成main.jsbundle, 在机械硬盘的渣渣电脑上操作那数以万计个的文件, 当然要卡出翔啊.

解决

在react-native-xcode.s文件头加上下面的代码, 让RN在Debug下每次先判断项目工程下是不是已经有了main.jsbundle文件, 如果没有才打包js文件.

DEST=$CONFIGURATION_BUILD_DIR/$UNLOCALIZED_RESOURCES_FOLDER_PATHif [ "$CONFIGURATION" = "Debug" ] && [ -f "$DEST/main.jsbundle" ]; thenecho "--- Skip bundle building in 'Debug' mode"exit 0
fi...# 把这句移到顶部
# DEST=$CONFIGURATION_BUILD_DIR/$UNLOCALIZED_RESOURCES_FOLDER_PATH

注意

更改后只要Xcode Build了一次,电脑有了项目工程缓存,以后安装项目到手机/simulator都是用的是第一Build的那份js文件, 后面修改了RN里的代码,需要Command+Shift+K清除工程缓存, 重新Build, 生成新的main.jsbundle.

以后每次只需在修改react-native代码后Command+Shift+K再Command+B一下,再安装到真机或simulator上就是只是原生部分的速度, 再也不用Command+R一下就得去上厕所了 O(∩_∩)O~~

react-native项目打包速度优化相关推荐

关于React Native Android打包报Duplicate resources错的解决方法
最近,在给React Native 项目打包的时候遇到如下异常提示: Error: Duplicate resources 此错误的意思是某些资源文件重复,首先尝试了手动删除重复的资源文件,然后再打包 ...
React Native 项目整合 CodePush 完全指南
作者 | 钱凯杏仁移动开发工程师,前嵌入式工程师,关注大前端技术新潮流. 本文使用的环境: React@16.3.1 React Native@0.55.4 react-native-code-pu ...
【腾讯Bugly干货分享】React Native项目实战总结
本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/577e16a7640ad7b4682c64a7 "8小时内拼工作,8小 ...
react native Xcode打包app发布ipa到蒲公英
1.找到react native 项目,用Xcode打开项目,如下图 2.确保运行的选项如下图这个: 3.确保苹果开发者的证书,有则可以直接打包,没有的话需要到苹果开发者官网添加证书并且下载放入本地, ...
React native 项目进阶(redux, redux saga, redux logger)
之前利用知乎日报的api写了react-native的一个入门项目,传送文章地址React Native 项目入门和源码地址RN入门项目源码,目前github上的代码已经在原文的基础上增加了新的功能, ...
React Native 项目常用第三方组件汇总
React Native 项目常用第三方组件汇总 https://www.jianshu.com/p/d9cd9a868764?utm_campaign=maleskine&utm_conte ...
技术实践丨React Native 项目 Web 端同构
摘要:尽管 React Native 已经进入开源的第 6 个年头,距离发布 1.0 版本依旧是遥遥无期."Learn once, write anywhere",完全不影响 Re ...
vscode 连接夜神模拟器运行 react native项目 (很简单的方法)
前言:我这种方式不需要过多配置,只是需要先启动Android studio ,之后再启动vsCode 准备阶段:下载夜神模拟器 1. 开启夜神服务进入到夜神安装的bin目录下,执行 nox_adb. ...
如何高效管理 React Native 项目中的图片资源
本文为 Marno 原创,转载必须保留出处! 公众号[ Marno ],关注后回复 RN 加入交流群 React Native 优秀开源项目大全:http://www.marno.cn 前言刚开始写 ...

react-native项目打包速度优化

原因

解决

注意

react-native项目打包速度优化相关推荐

最新文章

热门文章