あなたは、私は、次のコード（ES6スプレッド属性）を持っている

Question

このファイルタイプ・エラーを処理するために、適切なローダーを必要とする場合があります。

return {...state, name: action.payload}; 

スローエラーがある：あなたはこのファイルを処理するために、適切なローダーが必要な場合がありますタイプ。私はこの仕事をするためにインストールする必要がありますか他に何

package.json

。他のすべてのES6は機能していますが、スプレッド属性は機能していません。

webpack.config.js

Answer 1

あなたは（1）次のプリセット

{ 
    "presets": [ "es2015" ] 
} 

es2015と.babelrcファイルを追加する必要がecmascript-6使用するにはあなたが必要とする特定の一つであります。

そして（2）あなたは

WebPACKのコンフィグスニペットtranspileするのjsファイル用に構成されたバベル・ローダーを持っている必要

module.exports = { 
    ..., 
    loaders : [ 
    { test: /\.js$/, exclude: /(node_modules)/, loader: 'babel-loader' } 
    ] 
} 

Answer 2

含めるようにWebPACKの設定：モジュール内

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

をルール

また、NPMを経由して、以下の内容で、プロジェクトのホームディレクトリに

{ 
    "presets" : [ 
    "latest" 
    ] 
} 

Answer 3

インストールローダーを.babelrcファイルを追加するだけでは十分ではありません。あなたはwebpackのローダーを設定する必要があります。

追加webpack.config.js

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

Using loaders in webpack

コードに次は、上記のそれは\.js$パターン（の.jsで終わるファイル）に一致するすべてのファイルを見つけるたび、ということを意味し、バベル・ローダーは次のようになります中古。 （あなたはすでにあなたの依存関係にバベル・ローダーをインストールしている

をあなたはまた、代わりに `ローダーのloader: 'babel'を使用することができます。それは同じだ「バベル・ローダー」