webpackでベベルを設定する

Question

webpackでベベルを設定しようとしています。これまでのところ、私は2つの経路を見てきましたが、違いは何かを知りたいです。 webpack.config.jsファイル内

パス1 は以下

loaders: [{ 
      test: /\.js$/, 
      exclude: /node_modules/, 
      loader: 'babel-loader', 
      query: { 
       presets: ['es2015'] 
      } 
     }] 

を含む

パス2 webpack.config.jsで次

loaders: [{ 
      test: /\.js$/, 
      exclude: /node_modules/, 
      loader: 'babel-loader' 
     }, 

、以下を含むが含まれ別の.babelrcファイル

{ 
    "presets": [ 
     "es2015" 
    ]  
} 

2つの違いは何ですか？推奨されるアプローチは何ですか？

Answer 1

あなたのWebPACKの設定でローダー上のバベルの設定を定義するには、唯一の任意の方法（例えばbabel-registerまたはbabel-node）にバベルを使用するすべてのものに影響を及ぼします.babelrcを使用して、一方のWebPACKに適用されます。

ウェブパックだけを使用している場合は、違いはありませんが、ウェブパックを使用しないものが必要になるとすぐに、たとえばサーバーやテストフレームワークなどの機能を使用したい場合ノードでまだ使用できない場合は、そのためにbabelを構成する必要があります。

一般的なバーベル設定が必要な場合は.babelrcを使用するのが通常です。設定を上書きする必要がある場合は、webpack設定のような特定のアプリケーションでも設定を行うことができます。