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

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

WebPack 設定にも手を加える

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

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

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

JavaScript で飯食べたい歴約 5 年、 純( nju33 ) によるノートサイトです。

このサイトではドリンク代や奨学金返済の為、広告などを貼らせて頂いてますがご了承ください。

Change Log