Path mappings not rewritten with dynamic import()

[michaeltugby0]

Just noticed that it seems like dynamic import paths are not being rewritten in accordance to the baseURL and paths set in the tsconfig.

const loading: SFC = () => <div>Loading...</div>;

const HomePage = Loadable({
    loader: () => import("~/src/routes/Home"),
    loading
});

The error I've got is:

Cannot resolve dependency '~/src/routes/Home'
  5 | const loading: SFC = () => <div>Loading...</div>;
> 6 |
    | ^
  7 | const HomePage = Loadable({
  8 |     loader: () => import("~/src/routes/Home"),
  9 |     loading

If I refactor to use a regular ES6 import, or a dynamic import with a relative path, all works fine. So, this is just an issue with dynamic imports when using non-relative paths.

My tsconfig is as follows:

{
    "compilerOptions": {
      "baseUrl": ".",
      "paths": {
        "~/*": ["./*"]
      },
      "outDir": "out-tsc",
      "module": "esnext",
      "moduleResolution": "node",
      "allowSyntheticDefaultImports": true,
      "experimentalDecorators": true,
      "strictNullChecks": true,
      "target": "es6",
      "jsx": "react",
      "sourceMap": true
    }
  }