Issues while re-exporting

src\index.js renames exports

export * from './data.js';
export * as File from './FileComponent';
export { default as Folder } from './FolderComponent';
export { Drive as default } from './DriveComponent';

.babelrc typical esnext ReactJS setup

{
    "presets": [
        "es2015-loose",
        "stage-0",
        "react"
    ],
    "plugins": [
        ["transform-runtime"],
        ["transform-decorators-legacy"],
        ["transform-export-extensions"]
    ]
}

The error:

ERROR in ./src/index.js
Module parse failed: \node_modules\react-hot-loader\index.js!\node_modules\babel-loader\index.js?{"presets":["es2015-loose","stage-0","react"],"plugins":[["transform-runtime"],["transform-decorators-legacy"],["transform-export-extensions"]],"cacheDirectory":"\\.cache\\babel-loader"}!\src\index.js 'import' and 'export' may only appear at the top level (5:0)
You may need an appropriate loader to handle this file type.
  SyntaxError: 'import' and 'export' may only appear at the top level (5:0)

• Removing react-hot from loaders list solves the issue but forces refresh which throws away state.
• Removing transform-runtime also solves the issue, but breaks IE11 due to ES6

[gaearon]

Ah, sorry, RHL 1.x won’t work with Webpack 2 ES modules. Please switch to RHL 3.x beta. https://github.com/gaearon/react-hot-boilerplate/pull/61

[Silviu-Marian]

Looks like we get more output with webpack2 and es2015-loose-native-modules.

\index.js 'import' and 'export' may only appear at the top level (3:0)
You may need an appropriate loader to handle this file type.
| /* REACT HOT LOADER */ if (module.hot) { (function () { var ReactHotAPI = require("\\node_modules\\react-hot-api\\modules\\index.js"), RootInstanceProvider = require("\\node_modules\\react-hot-loader\\RootInstanceProvider.js"), ReactMount = require("react/lib/ReactMount"), React = require("react"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {
|
| import React from 'react';
| import ReactDOM from 'react-dom';
| import { Provider } from 'react-redux';
 @ multi Documentation