問題タブ [webpack-5]
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.
webpack - webpack 5 によって生成されたフォント フェイスを変更する
私は webpack 5 を使用しており、webfonts で動作するようにしようとしています。
出力ディレクトリは次のようになります。
出力：
リゾルバー:
生成されたフォントフェイスが間違っていることを除いて、すべてが機能しているようです:
url(fonts/roboto.woff2)の代わりに生成しurl(/wwwroot/fonts/roboto.woff2)ます。そのため、CSS は Web フォントを見つけられません。
先頭に a を追加するにはどうすればよい/wwwroot/ですか?
javascript - Webpack モジュール フェデレーションが熱心な共有ライブラリで機能しない
Webpack 5 モジュールのフェデレーション機能を調べていましたが、コードが機能しない理由を理解するのに苦労しています。この考え方は、標準モジュール フェデレーションの例が行うことと非常によく似ています。
app1- ホストアプリです
app2- アプリ全体を公開するリモートですapp1
(app1ヘッダーと水平線をレンダリングし、その下にapp2レンダリングする必要があります)
との両方が、 との共有、シングルトン、熱心な依存関係として次のようapp1にapp2宣言しreactます。react-domweback.config.js
App1 index.js には、次のコードがあります。
App1App.jsコンポーネントは次のとおりです。
しかし、アプリケーションを起動すると、次のエラーが発生します。
index.jstobootstrap.jsと inからすべてを抽出するとうまくindex.jsいきます
すべてがうまく機能します。
これは、作成者からの公式ドキュメントとブログ投稿が、どちらの方法でも実行できるか、bootstrap.js依存関係を熱心なものとして宣言できると述べているため、私を混乱させます。
bootstrap.jsパターンなしでは機能しない理由について、ヘルプ/洞察をいただければ幸いです。
これは、私が構築していた完全な GitHub サンドボックスへのリンクです: https://github.com/vovkvlad/webpack-module-federation-sandbox/tree/master/simple