ES2015编译不正确

Question

我在这个反应项目的.jsx文件中有这一行：

import React, {Component} from 'react';

但是，这未正确编译到.js文件中：

Parse Error: Line 1: Illegal import declaration

我看了import syntax not working with webpack这里http://babeljs.io/docs/setup/#webpack。

所以我将其添加到我的.babelrc：

{
  "presets": ["es2015"]
}

另外，我将此添加到我的webpack.config.js：

module: {
  loaders: [
    { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" }
  ]
}

然而，错误并没有消失。

在我看来，我正在使用babel和webpack，但我对它们没有太多经验，所以我不确定我能错过什么。