Dynamic imports with Webpack.

dynamicImports.js

import flow from 'lodash/fp/flow';
import filter from 'lodash/fp/filter';
import reduce from 'lodash/fp/reduce';

const filesPaths = require.context('.', true, /.js$/);

const files = flow(
  filter(page => page !== './index.js'),
  reduce((acc, page) => {
    const [
      // eslint-disable-next-line
      _,
      pageName,
    ] = page.split`/`;

    acc[pageName] = filesPaths(page).default;

    return acc;
  }, {}),
)(filesPaths.keys());

export default files;