React, babel, webpack não está analisando o código jsx

webpack.config.js

module.exports = {
  context: __dirname + "/app",
  entry: {
    javascript: "./app.js",
    html: "./index.html",
  },
  resolve: {
   extensions: ['', '.js', '.jsx']
 },
  output: {
    filename: "app.js",
    path: __dirname + "/dist",
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: "babel-loader",
      },
      {
        test: /\.html$/,
        loader: "file?name=[name].[ext]",
      },
    ],
  },
}

package.json

{
  "name": "react-webpack-project",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel": "^6.0.15",
    "babel-core": "^6.0.20",
    "babel-loader": "^6.0.1",
    "file-loader": "^0.8.4",
    "webpack": "^1.12.2"
  },
  "dependencies": {
    "react": "^0.14.2"
  }
}

app / app.js

import React from "react";
import Greeting from "./greeting";

React.render(
  <Greeting name="World"/>,
  document.body
);

Eu vi exatamente as mesmas perguntas depois de pesquisar, mas nenhuma das respostas me pareceu se aplicar. Estou recebendo o seguinte erro ao executarwebpack :

ERRO em ./app.js
Falha na criação do módulo: SyntaxError: caminho / para / projeto / react-webpack-projeto / app / app.js: token inesperado (5: 2)

React.render(
  <Greeting name="World"/>,
  document.body
);

Não sei por que ainda estou recebendo esse erro. Eu acho que ele tem algo a ver com o meu arquivo webpack.config.js, mas não 100% qual é o problema.

questionAnswers(5)

yourAnswerToTheQuestion