devの "yarn/npm link"ワークフローが必要で、 "multiple copies of react"モジュールの公開用

Question

モジュールを構築してnpmに公開しています。モジュールはReactに依存しています。私は現在yarnとyarn linkを使用しています。

私はこのモジュールを親プロジェクトにビルドしましたが、これをスタンドアロンモジュールに展開しようとしています。私は親プロジェクトの一部としてモジュールをローカルで開発し続けたいと思います。

モジュールでpackage.jsonは、次のようになります。

"devDependencies": { 
    "react": "^16.1.1", 
    "react-reconciler": "^0.6.0", 
    "react-dom": "^16.0.0", 
    "regl": "^1.3.0", 
} 

私はモジュールディレクトリにyarn linkを実行することにより、親の投影では、このモジュールが含まれ、その後、親ディレクトリでyarn link module-name。親プロジェクトに含めるとエラーがスローされます

要素refは文字列（キャンバス）として指定されていますが、オーナーは設定されていません。 Reactが複数読み込まれている場合があります。 （詳細： https://reactjs.org/warnings/refs-must-have-owner.html）。

私は、以前npm代わりのyarnを使用して、このワークフローを試してみましたが、同じ問題がありました。

私はこれが定型文で解決された問題であると考えています。私は他のプロジェクトを見てきましたが、共通の解決策を見ていませんでした。私は、「ベストプラクティスが答えるハイレベルを探してい。私は現在、私のプロジェクトで使用しているオプションは全くリンクnpm/yarnをスキップで構成さ

Answer 1

Webpackを使用すると、すべての依存関係にホストアプリケーションからのReactという単一のインスタンスを使用させるために、resolve.aliasをnpm/yarnリンクで長く使用できます。あなたの開発のWebPACKの設定で

は、次の行を追加します。

resolve: { 
    alias: { 
     react: path.resolve('./node_modules/react'), 
    }, 
}, 

Answer 2

。webpackrollupか何かを使用して構成するオープンだし、スクリプト

がNPM DEPEをインストール結ぶ空のnode_modulesフォルダ

実行ローカル依存関係を作成

• ：ようnode_modulesフォルダにに任意のローカルパッケージをNPMのスクリプトを追加ルートプロジェクトからndencies

モジュールとホスティングプロジェクトは、あなただけの1つのReactインスタンスがをインストールとをシンボリックリンクあなたのローカルモジュールで終わる必要があります互換性のReact依存関係を宣言した場合。

thisなどのツールを使用してローカル依存関係を自動化することもできます。