jsBundle

Weex 中别具匠心的 JS Framework

前言Weex为了提高Native的极致性能，做了很多优化的工作为了达到所有页面在用户端达到秒开，也就是网络（JSBundle下载）和首屏渲染（展现在用户第一屏的渲染时间）时间和小于1s。
一缕殇流化隐半边冰霜·2020-01-06 09:11

React Native 热更新实现（客户端 + 服务器端）

并且部分组件代码可以实现共用热更新能力，无需发布版本即可实现升级、bug修复等内容体验接近原生App针对于第2点，MicroSoftCodePush.和ReactNative中文网pushy都提供了相似的解决方案，其方案内容时将jsbundle
MarcusMa·2020-01-04 12:37

reactNative性能优化

包体积优化无论是热更新方案走网络下载js，还是直接将js打进apk,减小jsbundle体积都很必要。走网络的js体积大影响首次加载速度，打进apk的增加包体积。
Bigbear·2020-01-01 18:43

React Native 插曲 打离线包和CodePush发布更新

知道最后才发现一个血的教训：即使用了CodePush，本地也必须要有一个离线包才行，即本地需要打包一个main.jsbundle放进项目中，才可以成功运行。
朱_源浩·2020-01-01 17:43

React Native 热更新实现

react-native-update.gifReactNative热更新实现APKreact-native-update-qrcode.png我们知道,ReactNative所有的js文件都打包在一个jsbundle
hubcarl·2020-01-01 16:25

reactNative性能优化

包体积优化无论是热更新方案走网络下载js，还是直接将js打进apk,减小jsbundle体积都很必要。走网络的js体积大影响首次加载速度，打进apk的增加包体积。
大~熊·2019-12-31 22:00

reactNative性能优化

包体积优化无论是热更新方案走网络下载js，还是直接将js打进apk,减小jsbundle体积都很必要。走网络的js体积大影响首次加载速度，打进apk的增加包体积。
大~熊·2019-12-31 22:00

RN热更新之Android篇

实现既然我们知道了原理，那么列一个大致的实现思路：我们打好包jsbundle文件放到远程服务器上。请求服务器接口，当接口中返回的版本号跟我们rn中存储的版本号不一
哪吒闹海全靠浪·2019-12-25 16:48

RN热更新

ReactNative的加载启动机制：RN会将一系列资源打包成jsbundle文件，系统加载jsbundle文件，解析并渲染。
Arthur凌·2019-12-25 04:18

react-native 拆包/分步加载方案

RN中，发布js代码时，会打包成jsbundle形式。随着业务的增大，jsbundle体积也会逐渐增大，特别是多Module场景下，会生成多个jsbundle（包含相同的基础）。
生光·2019-12-23 21:39

RN拆分包

我们知道Native执行RN的模块是通过JSContext执行的，执行jsbundle通过如下方式：1E85B395-E7B6-4AFD-BA92-B3169921DF00.p
jiayoubaobao·2019-12-23 19:55

React Native发布iOS应用

本文将讲解如何打包发布iOS应用一、导出jsbundle包和图片资源和打包ReactNativeAndroid应用不同的是，我们无法通过命令一步进行导出ReactNativeiOS应用。
cheer_harry·2019-12-22 10:59

React Native（iOS）新手小白零基础自学（九）常用API及其实践一

通过AppRegistry.registerComponent来注册，当注册完成后，Native系统（Objective-C）就会加载jsbundle文件并且触发AppRegistry.runApplication
神魔狼·2019-12-21 22:36

iOS集成reactNative打包ipa

然后在项目根目录下面执行react-nativebundle--entry-fileindex.ios.js--platformios--devfalse--bundle-outputrn_release/main.jsbundle
Lucky_1122·2019-12-21 17:21

react-native 安卓打包

/android/app/src/main/assets/index.android.jsbundle--platfo
简翦儋箪·2019-12-21 06:44

升级React Native版本后打包闪退

RN版本从0.44.0升级到0.55.0后能正常打包,但是装到手机上后闪退.结果分析这种闪退肯定是jsbundle文件没有自动打入到ipa包中.分析两个版本react-native包的结构:0.44.00.44.00.55.00.55.0
Ace严·2019-12-19 15:25

WeexSDK的iOS接入方法

YWWeexViewController二、使用vue写weex页面1、安装weextoolkit2、初始化项目weexinitweex-vue-demo3、npmstart，启动调试server，得到weex的jsbundle
link_hui·2019-12-17 14:50

React Native 白屏优化最新实现代码

ReactNativeAndroid中,首次加载界面时总是会经历一段较长的白屏等待时间.这种用户体验是很不好的,但官方尚未给出解决方案.在网上看到解决该问题的方案,详情查看该文章地址.讲的无非就是预加载,把JsBundle
immutable·2019-12-16 04:41

关于weex的理解

项目产生的输出就是一个JSBundle文件，可以自由的进行部署。weex-
君莫叹人生如若初见·2019-12-14 21:44

【ReactNative】Mac下分分钟打包Android apk

总结打包jsbundle代码生成签名添加签名到app中打包成apk（打包前也可以先运行安装在手机上测试）把JS代码，打包成index.android.jsbundle参考文章：ReactNat
izhongxia·2019-12-08 06:31

ReactNative 真机运行卡在Runing1 of 1 custom shell scripts

Runing1of1customshellscripts问题8588F967F8911EEA887A1AFAA95D712B.png原因就是react-native-xcode.sh.每次打包安装都重新把RN文件打包成main.jsbundle
刘宇航iOS·2019-12-07 01:46

react-native 打离线包之iOS篇

/index.ios.jsbundle--platformios--assets-dest.
MrZhaoCn·2019-12-06 11:13

React Native项目iOS打包发布流程

bundle-ios":"nodenode_modules/react-native/local-cli/cli.jsbundle--en
eternaldyc·2019-11-28 08:23

webpack基础学习

npminstallwebpack--save-dev打包使用单个文件webpackshow.jsbundle.js将前者打包成后者image.png多个
xlayzheng·2019-11-08 00:49

关于RN热更新-iOS端捕获加载jsbundle异常解决方案

1.监听加载jsbundle异常的处理模拟情况：合并增量后jsbundle文件出现部分错误调试发现当加载jsbundle出现异常时，RN模块RCTBatchedBridge.m中如下代码会执行：-(void
Arnold134777·2019-11-06 07:10

关于iOS集成ReactNative 那些事

介绍1.现有项目集成ReactNative2.js文件的简单介绍,常用工具的封装3.真机调试4.打包成jsbundle文件一.现有项目集成ReactNative(手动集成)在项目根目录下创建package.json
维子Vanessa·2019-11-05 15:25

RN精进笔记（六）RN打离线包篇

React-Native打离线包RN-App项目中js代码和native代码，其中js代码的打包是动态的，打成jsbundle的过程中，js会将自己所需要的所有的文件（这里指你的js业务代码中的require
采香行处蹙连钱·2019-11-05 04:42

Webpack

参考文章：入门Webpack，看这篇就够了Webpack中文文档一、基本使用举例1、命令行调用webpackmain.jsbundle.js常用参数-p#混淆、压缩--progress#显示进度--display-modules
舌尖上的大胖·2019-11-04 09:46

React-Native 解决首页白屏问题

说起热更新,微软的codepush是首选,但是用了codepush更新之后问题就出来了,首次启动白屏问题就是一大困扰,那么怎么解决呢.1.由于app第一次启动是需要连接codepush服务去下载main.jsbundle
萝卜丝巾·2019-11-02 22:12

2019-08-23 XCode xib 全屏图片

启动RNapp时，由于需要把jsbundle文件加载到内存中，需要一个启动页，加载完bundle文件后启动页再消失。
KingAmo·2019-08-23 14:26

RN手动生成mainjs.bundle文件

手动生成方式如下：步骤：1.在ReactNative项目根目录下终端运行$npmstart2.使用curl命令$curlhttp://localhost:8081/index.ios.bundle-omain.jsbundle
做个有趣的程序员·2019-08-13 09:38

weex、ReactNative

weexWeex.we文件--------------前端(we源码)↓(转换)-------------------前端(构建过程)JSBundle-----------------前端(JSBundle
可乐少点冰·2019-08-13 00:00

Node.js webpack

node,然后使用webpack打包成bundle.js在导入到html中.这样做的好处是处理js文件的相互依赖关系处理js兼容问题,把node.js的语法翻译成浏览器能解析的代码webpackmain.jsbundle.jswebpack.config.js
Claroja·2019-08-11 16:37

react native ios 打包发布

react-native发布打包第一步：导出jsbundle包和图片资源1.创建release_ios目录mkdirrelease_ios2.在ReactNative项目的根目录下执行：react-nativebundle
Pengxw·2019-06-22 00:00

[RN] React Native bundle拆分与合并之安卓篇

在网上看到携程之前拆分的一些经验先来说一组数据，一个Helloorld的App，如果使用0.30RN官方命令react-nativebundle打包出来的JSBundle文件大小大约为531KB，RN框架
hcq666·2019-04-29 08:52

原生应用中集成RN, 生成main.jsbundle

手动集成的ReactNative中，并没有main.jsbundle需要自己手动生成该文件。
Espero·2019-04-22 14:36

IOS 真机运行

一jsCodeLocation=[[NSBundlemainBundle]URLForResource:@"index.ios"withExtension:@"jsbundle"];二react-nativebundle
Il_mondo·2018-12-24 16:39

3、No bundle URL present.报错处理

可以通过生成jsbundle来解决解决。react-nativebundle--devfalse--assets-dest./ios--entry-fileindex.
学习abc·2018-12-17 09:39

RN最新打离线包

1.打开终端cd至项目根目录下2.执行命令：react-nativebundle--entry-fileindex.js--bundle-output~/temp/main.jsbundle--platformios
没技术的BUG开发攻城狮·2018-07-17 11:15

React Native--常见问题汇总

ReactNavite问题汇总：/Users/xxx/Desktop/Finance/xxxx/ios/bundle/main.jsbundle:Nosuchfileordirectoryimportfilenotfoundimportfilenotfound'config.h'filenotfound'error
青苹果园·2018-05-29 13:17

webpack入门（五）：webpack.config.js

在上一篇中，我们学会了如何打包js文件，再来回忆一下我们是如何打包的：我们使用了webpackrun1.jsbundle.js这个命令，意思是从run1.js开始，把run1.js还有所有依赖的文件共同打包成一个
cvper·2018-03-27 10:56

webpack打包项目教程(还是遇到了打包后背景图片不显示的深坑以及html中的img不显示的问题，爬了一天多才豁然开朗)

mkdirlogined用编辑器打开该文件夹所在路径，然后创建一个js文件夹在js文件夹下建一个index.js文件然后敲命令webpackindex.jsbundle.js这样通过打包就在bundle
create13·2018-01-19 15:39

Vue笔记九：pwa技术在vue的使用（workbox/sw-precache）

当我们做spa项目越做越大的时候，JSbundle会越来越大，单页面不能承载那么多的
brandonxiang·2018-01-14 18:59

ReactNative 加载bundle包－android

启动服务在项目根目录执行npmstart，启动提供jsbundle
karlsu·2018-01-11 14:14

angular.js1.0脚手架搭建

原文链接：https://segmentfault.com/a/1190000012256074首先明确目录结构configbuilddiststaticjsall.min.jsbundle.jsstylebundle.cssindex.htmlsrccontrollerActivityCtrl.jsActivityCtrl.jsserviceActivityService.jsActivityS
weixin_33708432·2017-12-02 02:27

RN打包

/ios/bundle/index.ios.jsbundle--platformios--assets-dest.
阳光1787354782·2017-11-30 16:53

RN打包

/ios/bundle/index.ios.jsbundle--platformios--assets-dest.
阳光1787354782·2017-11-30 16:53

React-Native打包IOS安装在iPhone上

/ios/bundle/index.jsbundle--platformios--assets-dest.
夢想永遠在騷動·2017-11-22 18:40

ReactNative手动生成JSBundle文件

一、根目录下有个package.json文件{"name":"rncenter","version":"1.0.0","description":"","main":"index.js","scripts":{"start":"nodenode_modules/react-native/local-cli/cli.jsstart",//这里是打包的命令"bundle-android":"noden
无枝可依·2017-10-16 17:49

react-native-splash-screen集成实践（ios & android）

react-native在启动时会装载jsbundle到内存并渲染界面，这段时间界面是一个空View.上面的过程我们称之为项目的初始化，那么在这段项目初始化的过程中我们为了有更好的用户体验需要渲染一个对用户友好的界面来代替白屏
墨子攻城·2017-09-20 01:42
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他