Webpackファイルローダーが出力パスを操作する

Question

単純なローダーを持っているとしましょう。ファイルをソースからデプロイするだけです。単純な状態のためにルールをコピーしました。私はそれがWebPACKのコンフィグにoutput.pathにコピーし、ファイル・ローダーはそれを処理し、基本的に一度、この1と万人のさまざまな組み合わせを試してみた

{ 
    test: /\.cshtml$/, 
    use : [{ 
     loader : 'file-loader', 
     options : { 
      name : '[path][name].[ext]', 
      // context :'', 
      // outputPath : '' 
     } 
    }] 
} 

、パスは次のようなものです：

/outputpath/thenfilefromloader/to/folder/goes/here/nameoffile.cshtml

/outputpath/goes/here/nameoffile.cshtml

：「私は何をしようとしている

は、多かれ少なかれ、出力パスでgoesと連結した後に文字列を分割であります

これは達成可能ですか？基本的には、私はガルプを取り除こうとしていますが、これらのファイルはガルプでコピーされていますが、それはそれですが、パスはコピーされる前に操作されました。

Answer 1

私はあなたがやろうとしているものを手に入れる場合は、定義されたパスで[path]プレースホルダを交換して作業を行う必要があります。

{ 
    test: /\.cshtml$/, 
    use : [{ 
     loader : 'file-loader', 
     options : { 
      name : 'goes/here/[name].[ext]', 
     } 
    }] 
} 

ます。また、ファイル名の衝突を避けるためにhashプレースホルダを追加できます：

name : 'goes/here/[name].[hash].[ext]',