webpack設定ファイルでbabel stage-0を有効にする方法。

Question

私は以下のようなコマンドを使用：以下に示すように今、私はwebpack.config.jsファイルにこれを追加しました

npm install --save-dev babel-preset-stage-0 

を：

module.exports = { 
    entry: './app/app.jsx', 
    output: { 
     path: __dirname, 
     filename: './public/bundle.js' 
    }, 
    resolve: { 
     root: __dirname, 
     alias: { 

     }, 
     extensions: ['', '.js', '.jsx'] 
    }, 
    module: { 
     loaders: [ 
      { 
       loader: 'babel-loader', 
       query: { 
        presets: ['react', 'es2015', 'stage-0'] 
       }, 
       test: /\.jsx?$/, 
       exclude: /(node_modules|bower_components)/ 
      } 
     ] 
    } 
}; 

しかし、私はWebPACKのコマンドを実行すると、それはいくつかのエラーを示してい。あなたは.babelrcファイルを使用していない場合は、

Error image

Answer 1

babelrcを追加します：エラーを確認してくださいので、などの偽：

module: { 
    loaders: [ 
     { 
      loader: 'babel-loader', 
      babelrc: false, // <--- Add this 
      query: { 
       presets: ['react', 'es2015', 'stage-0'] 
      }, 
      test: /\.jsx?$/, 
      exclude: /(node_modules|bower_components)/ 
     } 
    ] 
} 

あなたがしたくない場合、私はcreate-react-app CLIを使用することをお勧めします開発環境の定型文を設定することの頭痛に対処する。私はちょうどそれを使用し始め、それは素晴らしいです！