Comment activer babel stage-0 dans le fichier de configuration webpack.

Question

J'ai utilisé la commande mentionnée ci-dessous:

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

Maintenant, je l'ai ajouté dans le fichier webpack.config.js comme indiqué ci-dessous:

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)/ 
      } 
     ] 
    } 
}; 

Mais maintenant, quand je lance la commande webpack il montre une erreur . S'il vous plaît vérifier l'erreur:

Error image

Answer 1

Si vous n'utilisez pas un fichier .babelrc, ajoutez babelrc: false comme ceci:

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

Je recommande d'utiliser la create-react-app CLI si vous ne voulez pas faire face à la migraine de la mise en place d'un standard de développement. Je viens de commencer à l'utiliser et c'est génial!