javascript - Babel でレデューサーをエクスポートできません

Question

これはタイプミスである可能性が高いですが、私は過去 1 時間修正しようとしてきましたが、何も思いつきませんでした。

というファイルがありますapp/reducers/index.js：

export viewportSize from "./viewportSize";

app/reducers/viewportSize.js単純です：

export default function viewportSize (state = {}) {
  return state;
}

そしてapp/app.js私は：

import reducers from "./reducers";

Babel からこのエラーが返されます

ERROR in ./app/reducers/index.js
1:8  error  Parsing error: Unexpected token viewportSize

プロジェクトには他にもimportありexportますが、これは機能したくありません。

これは私の.babelrcファイルです：

{
  "presets": ["es2015", "react", "stage-2"]
}

アップデート

これらは私の依存関係です

  "devDependencies": {
    "babel-core": "6.5.2",
    "babel-loader": "6.2.3",
    "babel-preset-es2015": "6.5.0",
    "babel-preset-react": "6.5.0",
    "babel-preset-stage-2": "6.5.0",
    "eslint": "2.2.0",
    "eslint-loader": "1.3.0",
    "eslint-plugin-react": "4.1.0",
    "file-loader": "0.8.5",
    "react-hot-loader": "1.3.0",
    "webpack": "1.12.14",
    "webpack-dev-server": "1.14.1"
  },
  "dependencies": {
    "babel-preset-stage-0": "6.5.0",
    "immutable": "3.7.6",
    "react": "0.14.7",
    "react-dom": "0.14.7",
    "react-redux": "4.4.0",
    "react-router": "2.0.0",
    "react-router-redux": "4.0.0",
    "redux": "3.3.1"
  }

アップデート

これは私のwebpack構成ファイルです

var webpack = require("webpack");

module.exports = {
  context: __dirname + "/app",
  entry: {
    javascript: "./app.js",
    html: "./index.html",
    css: "./style.css",
  },

  output: {
    filename: "app.js",
    path: __dirname + "/dist",
  },

  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin(),
  ],

  module: {
    loaders: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        include: __dirname,
        loaders: ["react-hot", "babel-loader", "eslint-loader"],
      },
      {
        test: /\.html$/,
        loader: "file?name=[name].[ext]",
      },
      {
        test: /\.css$/,
        loader: "file?name=[name].[ext]",
      },
    ],
  },
};