WebPACKのURLローダのセット先パス

Question

私はWebPACKののURLローダプラグインを使用することだし、それはように構成されている：

{ 
    test: /\.(ttf|eot|woff|woff2|svg)$/, 
    loader: "url-loader?limit=50000" 
} 

また、出力ファイル>ファイルシステムに50kを、私はどのように見つけることができません宛先パスを設定します。

この場合、ファイルは./fontsに保存され、ルートには保存されません。

Answer 1

のurl-ローダーは下記のようにあなたは、ファイル・ローダーのようにそれを使用することができますので、ファイル・ローダー上に構築され：

{ 
    test: /\.(ttf|eot|woff|woff2|svg)$/, 
    loader: "url-loader?limit=50000&name=fonts/[name].[ext]" 
} 

Answer 2

を@wandergisのurl-ローダによって答えに追加するには場合は、画像の名前を変更しますサイズ制限を超過し、名前にハッシュを使用します。提案通りに[name].[ext]を使用している場合、必要なファイルではないファイルの元の名前が使用されます。私は、url-loaderが作成しようとしているハッシュの名前が必要でした。したがって、名前を変更したファイルを取得するには、[hash].[ext]を追加することができます。

{ 
    test: /\.(ttf|eot|woff|woff2|svg)$/, 
    loader: "url-loader?limit=50000&name=fonts/[hash].[ext]" 
} 

Answer 3

あなたはこの

{ 
     test: /\.(png|woff|eot|ttf|svg|gif)$/, 
     use: [ 
      { 
      loader: 'url-loader', 
      options: { 
      limit: 1000, // if less than 10 kb, add base64 encoded image to css 
      name: "assets/[hash].[ext]" // if more than 10 kb move to this folder in build using file-loader 
      } 
     }] 
     } 

ようにそれを書くことができます