javascript - Webpack を使用して ES6 を個別のファイルとしてトランスパイルする

Question

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

babel src --watch --out-dir lib

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

- src
  - alpha
    - beta.js
    - charlie
       - delta.js
    - echo.js
    - foxtrot
      - golf
        - hotel.js

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

- lib
  - alpha
    - beta.js
    - charlie
       - delta.js
    - echo.js
    - foxtrot
      - golf
        - hotel.js

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

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