Webpack 2では、useキーワードとloaderキーワードはいつ使用しますか？

Question

Webpack 2に移行しようとしていますが、少し混乱しています。このリンクでは、それは我々がmodule.rulesでmodule.loadersを置き換える必要がありますし、ローダーの構文は、プロパティとして、ローダを持つ配列内のオブジェクトを持つことができ、使用に置き換えられているように見えることを言う：

https://webpack.js.org/guides/migrating/

しかし、さらにそれは言う：// Do not use "use" hereそれは配列ではなく、単一のローダーです。

これは少し混乱しており、わかりません。いつ "使用する"と "ローダー"/"ローダー"を使うべきですか？

Answer 1

基本的に、複数のローダーを使用する1つのファイルタイプを使用する場合は、「使用」を使用します。例えば

module: { 
    rules: [ 
     { 
      test: /\.less$/, 
      use: [ 
       'style-loader', 
       ...cssLoaders, 
       lessLoader 
      ], 
     }, 
     { 
      test: /\.css$/, 
      use: [ 
       'style-loader', 
       ...cssLoaders, 
      ], 
     }, 
     { 
      enforce: 'pre', 
      test: /\.jsx?$/, 
      loader: 'eslint-loader', 
      include: assetsDir, 
     }, 
     { 
      test: /\.jsx?$/, 
      include: assetsDir, 
      loader: 'babel-loader', 
     }, 
     { 
      test: /\.(jpe?g|png|gif|svg)($|\?)/i, 
      loader: 'url-loader', // Inline images if they're less than 2 KiB 
      options: { 
       limit: 2048, 
       name: '[name]-[sha1:hash:hex:10].[ext]', 
      } 
     }, 
     { 
      test: /\.(eot|ttf|woff2?|htc)($|\?)/i, 
      loader: 'file-loader', 
      options: { 
       name: '[name]-[sha1:hash:hex:10].[ext]', 
      }, 
     }, 
    ], 
},