`

生成jsbundle文件,打本地包

 
阅读更多
初始化react-native项目
react-native init <project name>
 
运行bundle服务
react-native start
 
生成bundle文件 - ios
react-native bundle --entry-file index.ios.js --bundle-output ios/main.jsbundle --platform ios --assets-dest ./ios --dev false
 生成bundle文件 - android
react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/ 

 

android:

进行代码和资源文件打包,生成的带有签名的apk还是在上面的目录中。

cd android && ./gradlew assembleRelease
运行下而后命令,安装apk
cd android && ./gradlew installRelease
 
 
ios项目,修改AppDelegate.m文件(使用main...jsbundle这句,注释掉localhost:8081.....这句):

//  jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];

   jsCodeLocation = [[NSBundlemainBundle] URLForResource:@"main"withExtension:@"jsbundle"];

 

 
分享到:
评论

相关推荐

    Laya 用TypeScript写的代码,编译成JavaScript后bundle.js没更新.pdf

    在使用Laya开发游戏或应用时,遇到的一个常见问题是 TypeScript 编写的代码在编译成JavaScript后,bundle.js 文件没有更新。这个问题可能导致开发者的新添加功能无法正常工作,因为bundle.js中没有反映出这些改动。...

    mojito-rb-gen:本地化实用程序,可将.properties文件转换为JSON JS资源包

    JSON / JS本地化的资源包是通过将源字符串与.properties文件中的转换后的字符串合并而生成的。 这样可确保本地化的资源束包含应用程序所需的所有字符串,即使翻译尚不可用。 Usage: mojito-rb-gen [OPTIONS] [ARGS]...

    【webpack_01配置】手把手从0开始启动、打包html和js文件(最简版)

    这将在`dist`目录下生成一个名为`bundle.js`的文件,包含了`index.js`经过Babel转换后的代码。 七、预览结果 为了预览结果,可以使用`http-server`或者`live-server`这样的本地服务器工具。首先安装: ```bash ...

    Webpack 完整注释 打包教程

    2. **输出(Output)**:指定Webpack打包后的文件输出位置和文件名,通常包括主bundle文件和其他chunk文件。 3. **加载器(Loaders)**:用于转换模块,例如将ES6代码转化为ES5,或者将SCSS转换为CSS。每个loader都...

    Vue-cli配置打包文件本地使用的教程图解

    从给定的文件内容中,我们可以抽取出关于Vue-cli配置打包文件本地使用的具体步骤和相关知识点。 知识点1:Vue-cli的基本介绍 Vue-cli是一个基于Vue.js进行快速开发的完整系统,它提供了一个官方的脚手架工具来帮助...

    JS导入导出Excel 兼容IE、Firefox、Chrome等浏览器

    例如,`XLSX.readFile`或`XLSX.read`函数可以从本地或URL加载文件,然后返回一个工作簿对象,包含了所有工作表的信息。 3. **数据写入**:同样,`xlsx`库也提供了将JavaScript数据结构转换为Excel文件的功能。`XLSX...

    vue 查看dist文件里的结构(多种方式)

    这样,在打包时,会自动生成一个本地服务器,显示所有生成文件的关系图,直观地呈现了各个模块的大小和依赖关系,方便进行性能优化。 **其他推荐:在线分析工具** 除了上述方法,还有许多在线工具可用于分析打包...

    ReatNative热更新demo,完整自创的demo,通用ReatNative热更新方案

    1. **构建新版本**:开发者完成代码修改后,使用`react-native bundle`命令生成新的JS bundle文件。 2. **上传新版本**:将新bundle上传至热更新服务器。 3. **检测更新**:客户端定期或在启动时向服务器查询是否有...

    redocly的离线安装包,可以从openapi生成html网页

    这个离线安装包特别适用于那些希望在没有网络连接或者希望在本地环境中生成文档的用户。OpenAPI是一种开放标准,用于描述RESTful API的接口,使得开发者能够清晰地理解服务提供者提供的功能和交互方式。 首先,我们...

    PptxGenJSPPTDemo

    9. **导出与下载**:生成的PPTX文件可以直接下载到本地,也可以通过HTTP响应发送到服务器。 ### 使用PptxGenJS 使用PptxGenJS的基本步骤如下: 1. **安装**:通过npm或yarn添加到项目中: ```bash npm install ...

    [转]学会使用grunt打包前端代码

    上述配置会先合并`src/js`目录下的所有JS文件到`dist/bundle.js`,然后对这个文件进行压缩,生成`dist/bundle.min.js`。 **5. 运行Grunt任务** 现在,你可以在项目根目录下通过以下命令运行默认任务: ``` grunt ...

    使用jspdf打印pdf 支持分页

    `jspdf`库是一个非常实用的JavaScript库,专门用于在浏览器端生成PDF文件。这个教程将详细介绍如何使用`jspdf`来实现HTML到PDF的转换,并支持分页功能。 首先,`jspdf`库的核心功能是提供了一个在浏览器环境中创建...

    06-webpack详解.pdf

    Webpack 是一个现代JavaScript应用程序的静态模块打包工具,它的核心功能是通过一个依赖图,管理所有模块的依赖关系,并且将它们打包成一个或多个包(Bundle)。Webpack 的出现,推动了前端模块化的发展,使得开发者...

    移动app的文件的Vue的配置

    `R` 文件是自动生成的,开发者不应直接修改,而是通过修改资源文件来更新这些 ID。 在 Vue.js 应用中,如果需要访问这些 Android 资源,可能需要使用一些桥接技术,如 Cordova 或 React Native,它们允许 ...

    react_native热更新总览

    - **动态分析与合并**:服务器(通常是运行在本地的Packager服务)会根据`index.android.js`文件中声明的依赖关系动态地分析、合并代码,最终生成一个新的bundle文件,并将其返回给客户端应用。 - **实时渲染**:...

    webpack多页面站点demo

    2. **输出配置**(Output): 配置输出文件路径和命名规则,确保每个页面的bundle文件能正确生成并区分。 ```javascript output: { path: path.resolve(__dirname, 'dist'), filename: '[name].bundle.js' } ``...

    ionic安装包

    在开发环境中安装 `Ionic` 首先需要 Node.js 和 npm(Node 包管理器)。接下来,使用 npm 安装全球的 `Ionic CLI`(命令行界面): ```bash npm install -g @ionic/cli ``` 创建新项目时,可以使用以下命令: ```...

    使用 React 和 Webpack 构建静态网站

    - **bundle.js**:这是Webpack打包后的主输出文件,包含了项目的所有依赖。 - **server.js**:可能是一个简单的Node.js服务器,用于本地开发环境下的热重载或模拟API。 - **webpack.config.js**:Webpack的配置...

Global site tag (gtag.js) - Google Analytics