問題タブ [single-spa]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angularjs - マイクロフロントエンドを個別にホストしながら、マイクロフロントエンド Web アプリを開発する最良の方法は何ですか?
私が試してみました、
- シングルスパ
- Web コンポーネント
しかし、どちらの方法でも、マイクロ フロント エンドを個別に開発および展開し、それらの展開されたマイクロ フロント エンドをラッパー Web アプリで参照する方法を見つけることができませんでした。
上記の方法を使用して試した例では、マイクロ フロント エンドはラッパー Web アプリでレンダリングされていますが、個別に提供されると、期待どおりにレンダリングされません。
javascript - シングル SPA の代替案
私は単一のSPAを使用してマイクロフロントエンドを実装しようとしましたが、角度と反応の両方を組み合わせて単一のアプリケーションに展開できる他の代替手段も検討する必要があります。反応します。誰かがより良いマイクロフロントエンドフレームワークを提案できますか? 私の主な使用例は、Angular と React の両方を 1 つのアプリケーションに組み合わせて使用することです。たとえば、Header は angular、body は React アプリケーションです。?
single-spa - シングルシングルスパ子アプリのローカル開発
https://github.com/joeldenning/coexisting-angular-microfrontendsからコピーして変更した、動作するシングル スパ アプリケーション (navbar と他の 3 つのアプリを使用) を作成することができました。
これで、単一の SPA アプリ インスタンスの最終的な出力は、single-spa が受け入れる形式でなければならないことがわかりました。しかし、開発目的で単一のマイクロフロントエンドをローカルで実行するかどうか、またその方法を知りたいです。
ブラウザーに navbar だけを使用して、navbar micro ui スタンドアロンを開発したいとします。
開始するとnpm run start（実行されますng start）、main.js提供されるだけです。また、Angular はブートストラップしません。
何を変更する必要がありますか?
よろしく
angular - シングルスパ アプリケーション内に node_modules を含めるにはどうすればよいですか?
実際には3つのAngularプロジェクトがあり、コンセプトシングルスパ（https://single-spa.js.org/docs/ecosystem-angular/）を統合しましたが、angular.json（node_modules）を考慮していないアプリケーションの実行で問題が発生していますシングルスパ構成ファイル内でも直接呼び出すことはできません。
そのため、シングルスパ webpack に node_modules を含めるように構成するのを誰でも手伝ってくれます。
main.single-spa.js のコードはこちら
Webpack 構成 js ファイル:
前もって感謝します。
angular.json ファイル: