問題タブ [monorepo]

NodeJS/React プロジェクトのモノレポを構築するベスト プラクティスを理解しようとしています。

私は欲しい：

1. サーバー側のレンダリングで SPA を反応させます。

2. Express、MongoDB、mongoose モジュールなどのバックエンド。

3. 一部のユーティリティ関数、ヘルパー、列挙型などの共有 (共通) モジュール。

このようなアーキテクチャを monorepo (Lerna を使用します) で構築するエレガントな方法は何ですか?

• APIサーバーとSSR EXpressサーバーは分けたほうがいいですか？
• はいの場合、SSR サーバーから React フロントエンド コードを分離する必要がありますか?
• 開発中の他のモジュールが常に「共有」モジュールのトランスパイル (Babel) バージョンを取得するように、webpack 開発環境を構成する方法 (この質問は範囲外です。解決策は単純かもしれません)

答えはほとんど「場合による」と理解していますが、少しオーバーエンジニアリングされたとしても、多くの場合で機能する普遍的なアプローチが必要です。

ありがとう

以下のような構造のモノレポがあります

したがって、とパッケージのbabel構成は同じですが、パッケージの構成は異なります。mobiledesktopserver

さて、どうすればその設定を行うことができますか? 私が考えることができる1つの解決策は、babel.config.jsモノレポのルートに とパッケージの構成を持ちmobile、パッケージレベルでパッケージdesktopの別の構成を持つことです。よくわかりませんが、複数持つこともできます。serverbabel.config.jsserverbabel.config.js

反応とノード js アプリケーションで構成される monorepo を構築しようとしているため、反応アプリを使用して作成された frontEnd フォルダーと、すべてのサーバー コードで構成される backEnd フォルダーです。

以下の手順を実行しました

lerna をグローバルにインストール

新しいフォルダーを作成し、リポジトリを初期化しました。

新しいフォルダー内で lerna init を実行すると、2 つのファイル lerna.json、package.json、および 1 つのフォルダーがパッケージとして作成されます。

packages フォルダー内で create-react-app frontEnd を実行すると、新しい反応アプリケーションが作成されました

コマンド mkdir backEnd を実行して、packages フォルダーに backEnd フォルダーを作成します。

現在、私のパッケージ フォルダーは、frontEnd と backEnd の 2 つのフォルダーで構成されています。

フロントエンドは create-react-app に付属する package.json で構成されています

質問

package.json を frontEnd フォルダーから削除する必要がありますか?

ルート フォルダーで lerna.json と package.json を構成する方法。

どうすればアプリケーションを実行できますか?

検索しましたが、create-react-app を使用して lerna で react-nodejs アプリケーションを作成するためのソリューションが得られません