SyntaxError при билде?

Question

[alexfrolov_xcx]

Всем привет! при сборке вылазит вот такая ошибка, как исправить?

Comments

[alexfrolov_xcx]

Артём Петренков, в .babelrs ?

[alexfrolov_xcx]

Артём Петренков,

[alexfrolov_xcx]

Артём Петренков, это и есть конфиг
а в бабелрс только это

[alexfrolov_xcx]

Артём Петренков, ау братан)?

[Роман Александрович]

alexfrolov_xcx, а папробуйте return (<div>Hello World</div>);

[alexfrolov_xcx]

Роман Александрович, всёровно

[Aves]

alexfrolov_xcx, пресет react нужен

[alexfrolov_xcx]

Aves, если вы про это то не работает

[Aves]

alexfrolov_xcx, про это. Что напишет npx babel src/index.js ?

Answer 1

[CDmitry]

Расширение файла должно быть .jsx

Comments

[alexfrolov_xcx]

[CDmitry]

alexfrolov_xcx,
В config webpack'а надо добавить

module: {
      loaders: [
        {
          test: /.jsx?$/,
          loader: 'babel-loader',
          exclude: /node_modules/,
          query: {
            presets: ['es2015', 'react']
          }
        }
      ]
    }

----
И установить плагины
npm install --save-dev babel-cli babel-preset-es2015
npm install --save-dev babel-cli babel-preset-react