How to get ReactJs to integrate with Webpack?

Question

Basically, I have just been through this simple tutorial, and now I want to get it to use React so I can see that display.

When I had this code:

mod         


        

Answer 1

Yeap, you are right you need babel-loader for your JSX code. Also if you use ES6 syntax with React you also need babel-core & babel-preset-es2015 & babel-preset-react npm's modules. After that incude all of them into your webpack.config.js file as below:

module.exports = {
  //.. some stuff before
  module: {
    loaders: [{
      test: /\.js$/,
      exclude: /node_modules/,
      loaders: ["babel"],
      query: { presets: ['es2015','react'] }
    }]
  }
  //.. another stuff

}

Also i leave a link for you, with tutorial how to use ise.

I hope it will help you.

Thanks