• ..

Figma

    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'
          }
        )]
      }
    }