問題タブ [dynamic-import]
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 動的インポートの文字列リテラル
動的インポートを使用して、プロジェクト内のすべてのロケールのチャンクを作成しています。チャンクは作成されますが、クライアントは実行時に次のエラーを報告します。
問題のコード:
バベル構成:
ロケールは次のようにエクスポートされます。
インポート パスを のような静的なものに変更する./locales/en-GB/translations.jsと機能します。
編集
localeこれは、次のように中間変数に再割り当てしたときに機能し始めました。
またlocale、デバッガーで変数を調べると、IIFE の外側では実際の文字列 ("en-GB") に解決されますが、内部localeでは変数が含まれるモジュールに解決されることに気付きました。非常に紛らわしく、この解決策はハッキリしすぎて受け入れられません。
webpack - Webpack 4の動的インポートが個別のチャンクを生成しない
例としてインポートlodashを非同期にしようとしていますが、代わりにメインチャンクに含まれます
Version: webpack 4.23.1
問題を再現するためだけに簡単なコードを作成しました
完全なレポは以下にリンクされています
https://github.com/unlocomqx/webpack4-async-chunk