問題タブ [webpack-plugin]

webpack のコンパイル時にコンポーネントを反応させるために data-attr を挿入する必要があります。たとえば、次のコンポーネントがあります。

そしてコンパイル後、私はこれが必要です:

私は次のプラグインを書きました（ほぼ完成したと思いますが、属性を挿入する方法が見つかりません）：

翻訳を処理するためのカスタム セットアップがあり、ビルド時に翻訳を抽出してダウンロードし、実行時に翻訳を置き換えます。基本的に、babel プラグインを使用して翻訳タグを抽出し、すべてのタグを取得したら、言語ごとにそれらを含むファイルを生成します。

例

このようなタグのリストを生成します

次に、言語ごとにタグの値が取得されます。翻訳値は現在、各タグの JavaScript 関数です。現在、アプリ全体の言語ごとに 1 つの翻訳バンドルを生成しています。

ただし、このソリューションは大きな翻訳バンドルにつながるため、スケーラブルではありません。したがって、これをバンドル/チャンクで分割します。

これを解決するために、チャンク/バンドルに翻訳データを含めたいと考えています。コードを調べて翻訳タグを抽出し、どのタグがどのチャンクに属しているかを調べます。このためoptimizeTreeに、コンパイルでフックにフックするプラグインを作成しました。

この後、それらをそれぞれのチャンクに追加し、コードに含めます。

このために、いくつかの問題に直面しています。

• 各言語のビルド プロセスを再度回避する方法はありますか? 基本的に、チャンク/バンドルが生成されたら、それに翻訳データを追加できますか? 言語ごとに 1 つのチャンクを生成したいと考えています。そのため、言語ごとにチャンク内のコードを「n」回コピーする必要があります。最適化された方法でこれを行うにはどうすればよいでしょうか。

• ファイルへのインポートが解決されて翻訳済みファイルがインポートされることを確認するにはどうすればよいですか?