Configuring Webpack and TypeScript for relative module imports

canvas.ts

// src/store/reducers/workspace/canvas.ts

import { handleActions } from 'utils/store';

/// ...

store.ts

// src/utils/store.ts

// ..

export function handleActions(map, defaultState) {
  // ..
}

// ...

tsconfig.json

{
  "compilerOptions": {
    // ... your standard TS config here
    "paths": {
      "*": [
        "*",
        "src/*"
      ]
    }
  }
}

webpack.config.js

const config = {
  // your standard Webpack config here
  // ...
  resolve: {
    // ...
    modules: [
      // Here is the important part
      path.join(__dirname, 'src'),
      'node_modules',
    ],
  },
};

module.exports = config;

Works like charm, thank you for sharing this! For me, it even worked with less configuration: I hadn't had to specify path mapping "*": [ "*", "src/*" ] in my tsconfig.json, only baseUrl: './src'.