React Native離線打包
離線打包
React Native開發過程大致可以分為<a>除錯階段</a>和<a>離線階段</a>。
<li>除錯階段:我們會用'npm start'命令來啟動一個本地服務,把我們的Js程式碼部署在該Server上,除錯非常方便。
<li>離線階段:我們用‘react-native bundle’命令把JS程式碼打包成一個bundle檔案。然後客戶端直接訪問這個bundle檔案即可。
接下來我們討論下打包的具體方法:
命令說明
<a>react-native bundle</a>
Options:
命令 | 列舉 | 解釋
-----| ---------
--entry-file | index.android.js |入口檔案
--platform |"ios"/"android" | 平臺
--transformer | /packager/transformer.js | transformer
--dev | false /true | 除錯開關
--prepack | false/true |
--bridge-config |
--bundle-output | 路徑 |bundle包目標路徑
--assets-dest | 資原始檔路徑 |資原始檔路徑
相關文章
- React Native 打包apk的那些坑React NativeAPK
- 17-3 react native Android打包React NativeAndroid
- React Native開發中自動打包指令碼React Native指令碼
- React Native釋出APP之打包iOS應用React NativeAPPiOS
- React Native專案自動化打包釋出React Native
- [React Native]react-native-scrollabReact Native
- React Native Icon方案:react-native-svgReact NativeSVG
- React Native轉web方案:react-native-webReact NativeWeb
- React Native 使用 react-native-webview 渲染 HTMLReact NativeWebViewHTML
- React Native釋出重構路線圖React Native
- 從Android到React Native開發(四、打包流程解析和釋出AndroidReact Native
- python 離線依賴包打包&安裝Python
- uni-app 離線打包日記(iOS)APPiOS
- react-native配置react-native-image-crop-pickerReact
- React Native選擇器元件-react-native-slidepickerReact Native元件IDE
- react-nativeReact
- React Native 上手React Native
- 《React Native高效開發》之create-react-native-appReact NativeAPP
- React Native / React除錯技巧React Native除錯
- uni-app 離線打包總結(安卓)APP安卓
- 純小白uni-app+Android Studio離線打包APPAndroid
- react native 包學不包會系列--認識react nativeReact Native
- react打包 APPReactAPP
- React Native 熱更新React Native
- 詳解 React NativeReact Native
- Redux for react native 指南ReduxReact Native
- React-Native ‘WKWebView` has no propType for native propReactWebView
- react/react-native效能優化React優化
- [譯] Airbnb 在 React Native 上下的賭注(四):React Native 退役AIReact Native
- 從Android到React Native開發(四、打包流程解析和釋出為Maven庫)AndroidReact NativeMaven
- react-native TextInput 中文輸入bug 曲線救國React
- React Native --踩坑記 之 建立指定 React Native版本的專案React Native
- React Native 的未來與React HooksReact NativeHook
- React Native 環境搭建React Native
- React Native 整合code pushReact Native
- React-Native爬坑React
- React-Native實踐React
- [譯] 圖解 React Native圖解React Native
- React Native Router Navigations(3)React NativeNavigation