Async component loaded based webpack 3 for react-router 4
npm install async-react-component!npm-version !license !bower-license
Async component loaded based webpack 3 for react-router 4.
It is recommended to run webpack on node 6.x or higher.
Install the pkg with npm:
``
npm install async-react-component --save
or yarn
`
yarn add async-react-component
or bower
`
bower install async-react-component
For react-router 4:
`
import {BrowserRouter as Router, Route, Switch} from 'react-router-dom';
import {getAsyncComponent} from 'async-react-component';
// code splitting in webpack 3: https://webpack.js.org/guides/code-splitting/#dynamic-imports
const App = () => import(/ webpackChunkName: "main" / '../general/app/index');
const Info = () => import(/ webpackChunkName: "info" / '@components/info/index');
const RootApp = () => {
return (
404 not found}>
);
};
ReactDOM.render(
RootApp,
document.getElementById('app')
);
``