RNアプリケーションとWebアプリケーションの開発を使用してネイティブWeb--を反応させます

反応して、ネイティブ、DVAトリニティ足場を反応して、会社のプロジェクトを提供し作成します。

Benpian最初の章では、比較的単純である、ReactNativeを構築し、ReactNativeWebは、プロジェクトを実行します。

反応-ネイティブウェブこのプロジェクトのことは、かつてのTwitterのフロントエンドエンジニアで、著者らは、RNコードがウェブ側で実行できるように、WebPACKのダイナミックなランタイムを交換する、最も一般的に使用されるReactNativeコンポーネントを達成するために反応します。

まず、RNの公式ウェブサイトを特に参照して、RNワークス、使用ReactNativeのinitメソッドを初期化します。

$ sudo npm i -g react-native-cli
$ react-native init rnweb

第二部のプロセス依存関係は:
私のpackage.jsonに依存するのみ:反応し、反応し-DOMを、反応させる反応ネイティブ・ウェブを、-native、反応-スクリプトを。

次のように具体的な文書が読み取ります。

{
  "name": "rnwebdva",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "ss": "react-scripts start",
    "test": "jest"
  },
  "main": "src/index.js",
  "dependencies": {
    "react": "16.8.3",
    "react-dom": "^16.8.6",
    "react-native": "0.59.8",
    "react-native-web": "^0.11.4",
    "react-scripts": "^3.0.1"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ]
}

この足場は、デフォルトの設定を使用して、設定ファイルをWebPACKのされていません。

ローカルサービスを実行するか、糸SS NPMの実行SSを使用しています。

中にreact-native run-ios使用して問題のiOS RN 0.45以降はコンパイルするために、サードパーティのライブラリを必要と解決この記事を。

参考:

  1. Webベースのネイティブ-REACT、RN中国のパイプライン網は、中国のパイプライン網をWebPACKの。
  2. 反応ネイティブ、反応ナビゲーションを、DVA簡単な棚によって構築されました
  3. 反応するネイティブ・ウェブはあなたが反応し、ネイティブうH5のアプリケーションを使用します
  4. iOSのRN 0.45以降、サードパーティ製のコンパイラライブラリに必要な

おすすめ

転載: blog.csdn.net/weixin_34273046/article/details/91013099