TypeScript の paths 設定が効くようにする

ルートに以下のようなtsconfig.jsonを置くだけではまだ WebPack で使えません。

{
  "baseUrl": ".",
  "paths": {
    "foo": ["src/foo/index.ts"]
  }
}

WebPack 設定にも手を加える

dividab/tsconfig-paths-webpack-pluginを使います。

これをresolve.pluginsに設定してあげます。pluginsではないので注意です。

const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');

module.exports = {
  resolve: {
    plugins: [new TsconfigPathsPlugin(
      {
        // tsconfig.json はデフォルト
        configFile: 'tsconfig.json'
      }
    )]
  }
}