問題タブ [babel-loader]

次と同等のことを行うようにwebpackを構成することは可能ですか:

したがって、ディレクトリ構造は次のようになります。

すべてのファイルを ES5 にコンパイルし、libディレクトリの下に同じ構造で出力します。

すべてのファイルパスをグロブして個別のエントリとして渡すことに成功しましたが、出力ファイルの定義に関しては、webpack がファイルの場所を「忘れる」ようです。はトークンOutput.pathのみを提供しますが、より多くのオプションがありますが、提供するのは、およびのみであるため、少なくとも、この種のコンパイルはサポートされていないようです。[hash]Output.file[name][hash][chunk]

私の質問に文脈を与えるために、React コンポーネントとそれに関連するスタイルで構成される npm モジュールを作成しています。私は CSS モジュールを使用しているので、JavaScript と CSS の両方をモジュールの lib ディレクトリにコンパイルする方法が必要です。

これは、私が今まで遭遇した webpack の最も奇妙な問題の 1 つに違いありません...

このバンドルの内訳を確認してください: 反応 116.01KB - 十分に公平

react-dom 533.24KB - 真剣に WTF

依存関係が破損している可能性があると思いましたが、node_modules を削除して再インストールしても効果はありません。それは webpack がそれをバンドルする方法に関係していると思いますが、アイデアがありません。私が .js インポートを処理している方法は、かなり標準的なものです。