webpack: syntax error with babel-loader

Question

I\'m starting to learn react with a tutorial. But webpack is not working as expected.

So here is my simple webpack.conf.js file.

Answer 1

Babel 6 doesn't do anything by itself. In order to properly process JSX, you need to have the following in your .babelrc file:

{
    "presets": ["react"]
}

Also, you need to make sure you install that preset using NPM:

$ npm install --save-dev babel-core react react-dom babel-preset-react

A good place to start is the official React getting started page