Dynamic imports with Webpack 3 + Typescript 2.4 + Babel

dynamic-imports.md

Using import

import(/* webpackChunkName: "my-chunnk" */ 'CHUNK_PATH')
  .then((res) => console.log(res))
  .catch((err) => console.error(err));

1. supported by TS 2.4, but module will need to output esnext (tsconfig.json)
2. babel-plugin for syntax (babel-plugin-syntaxt-dynamic-import)

Using System.import (Webpack 2)

import(/* webpackChunkName: "my-chunnk" */ 'CHUNK_PATH')
  .then((res) => console.log(res))
  .catch((err) => console.error(err));

Already supported, though TS will need type def for System (eg: declare const System: any).