2. 程式人生 > >React Native 打離線包注意事項

React Native 打離線包注意事項

阿新 • • 發佈：2019-01-27
react-native bundle Options（可選引數說明）: --entry-file ：JS根目錄檔案（Path to the root JS file, either absolute or relative to JS root [required]） --platform ：選擇平臺--（ios or android） --transformer ：編譯器預設編譯器地址（/Users/babytree-mbp13/projects/xcodeProjects/AwesomeProject/node_modules/react-native/packager/transformer.js）
--dev：是否是開發環境，預設為true（If false, warnings are disabled and the bundle is minified [default: true]） --prepack ：是否需要預先包裝，預設為false（If true, the output bundle will use the Prepack format. [default: false]） --bridge-config ：預先打包配置的 檔名稱（File name of a a JSON export of __fbBatchedBridgeConfig. Used by Prepack. Ex. ./bridgeconfig.json）
--bundle-output ：輸出的目錄檔案地址（File name where to store the resulting bundle, ex. /tmp/groups.bundle [required]） --bundle-encoding ：編碼格式，預設utf8（Encoding the bundle should be written in (https://nodejs.org/api/buffer.html#buffer_buffer). [default: "utf8"]） --sourcemap-output ：結果檔案存放地址 （File name where to store the sourcemap file for resulting bundle, ex. /tmp/groups.map）
--assets-dest：圖片等資原始檔存放地址（Directory name where to store assets referenced in the bundle） --verbose ：是否開啟日誌列印，預設為false（Enables logging [default: false]） Android示例：react-native bundle--entry-fileindex.android.js--bundle-output./android/app/src/main/assets/index.android.bundle--platform android--assets-dest./android/app/src/main/res/ --devfalse 注意事項 1../android/app/src/main/assets/資料夾必須存在，不存在時需要手動建立一個assets 資料夾 2../android/app/ 這個路徑一定要準確，如果對應專案名稱發生改變，那目錄地址也要做響應的改變 3.執行完拷貝bundle命令之後，在/android/app/目錄下執行 gradle assembleRelease 打包命令 IOS示例：react-native bundle --entry-fileindex.ios.js--bundle-output./ios/bundle/index.ios.jsbundle--platform ios--assets-dest./ios/bundle--dev false 注意事項 1../ios/bundle 確保bundle 資料夾一定存在，不存在時需要手動建立一個assets 資料夾 2.開啟Xcode，在Xcode中將生成的assets檔案新增到專案中 3.開啟Appdelegate.m檔案修改： //jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil]; jsCodeLocation = [[NSBundle mainBundle]URLForResource:@"main" withExtension:@"jsbundle"]; 4.在xcode 中執行，搞定

相關推薦

React Native 打離線包注意事項

react-native bundle Options（可選引數說明）: --entry-file ：JS根目錄檔案（Path to the root JS file, either absolut

react-native打離線bundle包

Android 打包命令： eact-native bundle Options: –entry-file Path to the root JS file, either absolute or relative to JS root [required] –

react-native修改android包名

oid dap 導致 activity androi ack adl ... objective 安卓以包名作為應用的唯一id。 假設包名為com.oc.objective，以下地方需要修改。 兩個java文件 android/app/src/main/java/com/

hadoop+win10+Eclipse環境導包注意事項

說明 hadoop-eclipse-plugin.zip 版本2.7.3 1 inport-hadoop資料夾下的包，全部都 是從第一個hadoop-eclipse-plugin下載版本的JAR外掛裡面lib下面的所有包， 然後下面四個不一樣的包，有三個是

linux啟動jar包注意事項

為什麼需要注意 因為在我們啟動專案的時候如果直接 java -jar XXX.jar 這樣執行的話如果我們退出了遠端伺服器的bash視窗他就會自動關閉掉程式 所以我們需要改動一下 nohup

使用ES6寫react元件的幾點注意事項

前言 隨著各大瀏覽器對ES6語法的支援以及babel外掛的使用，ES6語法使用越來越多。不久前，完成一個react專案，對ES6編寫react元件踩了不少坑。在此記錄開發時，應該注意的一些事項。 正文 1. export default和ex

react native app離線打包準備

Android 新增main.jsbundle檔案 新增寫檔案程式碼 private static final String JSBUNDLE_FILE = "main.jsbundle"; private static void copyFi

修改 React-Native Android App 包名

轉載自：http://www.th7.cn/Program/Android/201609/965448.shtml ReactNative 不知道是為什麼（大概是依賴太多？），每次執行 react-native init 建立新專案的時候，總是要等個將近 10 分鐘的樣子

React Native專案修改包名

打release包時，要修改包名 1,修改defaultConfig， applicationId：應用的唯一標識（） versionCode ：釋出到平臺後，版本更新使用（版本迭代時注意） versionName：顯示應用的版本（作用不大）   2，修改MainActi

react-native修改android包名-上傳應用市場

➢ 安卓以包名作為應用的唯一id 假設包名為com.hourglasstime，需要修改以下幾個地方。 ➢ 兩個java檔案 1.androidApp\android\app\src\main\java\com\hourglasstime\MainActivity.java

React Native工程離線執行（ios）

React Native工程離線執行的重點是將index.ios.bundle檔案儲存在機器本地，index.ios.bundle檔案是工程編譯後的js檔案的打包，index.ios.bundle 將被 packager伺服器 建立。。 純RN工程 純RN工

React-Native之 修改包名（Android）

之前我的包名是com.secondren; 修改的第一個地方：MainApplication和MainActivity這二個java檔案的package com.ancely.secondren;改成自己想要的比如：package com.xxx.xxx。

eclipse 匯出jar包注意事項

通過eclipse的Export 匯出項，匯出jar包時，有幾點需要注意的事項。 假如我們匯出的jar包名稱為 demo.jar，右鍵解壓demo.jar，META-INF 目錄下面有 MANIFE

charles抓取Android包注意事項

記錄在win10系統上charles正常使用之前遇到的問題，以便日後忘記。 操作步驟： 前提：保證手機和電腦在同一區域網下。 1. 下載安裝charles，地址：https://www.charlesproxy.com/download/ 2. 配置charles    

將 Spring boot 專案打成可執行Jar包，及相關注意事項（main-class、缺少 xsd、重複打包依賴）

最近在看 spring boot 的東西，覺得很方便，很好用。對於一個簡單的REST服務，都不要自己部署Tomcat了，直接在 IDE 裡 run 一個包含 main 函式的主類就可以了。 但是，轉念一想，到了真正需要部署應用的時候，不可能通過 IDE 去部署

【REACT NATIVE 系列教程之九】REACT NATIVE版本升級步驟與注意事項！

       由於React Native處於快速迭代發展中，因此元件功能的擴充套件、語法的變更也將會有較大的區別，因此升級版本則屬於務必掌握的了。昨天Himi剛從0.23版本升級到0.26，升級的主要原因有兩點：1. 一些元件在最新版本中加入了很多新的屬性，例如0.23版本中Modal動畫沒有最新的屬性：a

React Native在windows上android環境搭配及注意事項

React Native是新型跨平臺開發的技術，簡稱RN。開發和維護團隊是Facebook，現在開源了，應該會火起來吧。 直奔主題....... 環境搭配： 本人的電腦win10，win7和win8都差不多的。 需要安裝的有nodejs，python2.x，JDK，And

Android Studio打開React Native創建的項目

inf mage eight 分享 post 分享圖片 技術 blog width 1、點擊 Import project 2、找到項目下android文件夾，選擇build.gradle文件，open Android Studio打開React Nat

react-native 構建工程注意點

react-native更新到0.57版本之後，新建工程總會出現無法安裝js檔案問題。 具體表現是 根據網上的搜尋，可以使用如下步驟解決： react-native init project cd project npm add @babel/runtime

JAR包中MANIFEST.MF注意事項

1. Manifest-Version     用來定義manifest檔案的版本，例如：Manifest-Version: 1.0 2. Created-By     宣告該檔案的生成者，一般該屬性是由jar命令列工具生成的，例如：Created-By: Apache An