Webpack将代码分割的块合并到父块中

Question

我正在尝试并行加载数据和react组件，但是webpack会将两者合并到同一个父组件中。 使用webpack 3并且两者都在使用ES模块。

// Router.js
import loadable from 'react-loadable';
import { query } from './RouteA';

const routeA = () => import('./RouteA');

render((
  <Router>
    <RelayRoute path="/" query={query} component={loadable({ loader: routeA, loading: () => null })} />
  </Router>
));

// RouteA.js

export const query = graphql`
  query RouteAQuery {
    viewer {
      user {
        details {
          firstName
        }
      }
    }
  } 
`;

export default function RouteA() {
  return <h1>RouteA</h1>;
}