入力に対するWebPACKの出力ファイルを作成します

Question

だが、私は私のコンパイルされたJavaScriptファイルは以下のようなディレクトリ構造で、その結果、私のソースファイルと並行して存在するとしましょうファイル：することが可能です

- TimeframeToolbar 
    - TimeframeToolbar_compiled.js 
    - TimeframeToolbar_src.js 
    - dependencies 
     - *contains js files that are imported by TimeframeToolbar_src.js* 

Webpackでこれをしますか？私が知る限り、出力パスは単一のディレクトリのみを許可します。つまり、ソースファイルとコンパイルされたファイルツリーが完全に分離されている必要があります。

Answer 1

トリックは、エントリ設定オブジェクトのキーを出力ファイルに必要なパスにすることです。たとえば：

entry: { 
    'feature-1/feature-1': './dev/feature-1/feature-1.jsx', 
    'feature-2/feature-2': './dev/feature-2/feature-2.jsx', 
}, 
output: { 
    filename: '[name].js', 
    path: './build', 
} 

これは、次のコンパイルされたファイルになります：

./build/feature-1/feature-1.js
./build/feature-2/feature-2.js

だから、本質的にoutput.filenameで[name]プレースホルダは、ディレクトリ・パスではなくファイル名だけされて終わります。