tsconfig-paths-webpack-plugin

// webpack config js
const path = require("path")
const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin')
const tsConfigPath = path.resolve(__dirname, "./tsconfig.json")

...

 resolve: {
    extensions: ['.ts', '.tsx', '.js'],
    plugins: [new TsconfigPathsPlugin({
      configFile: tsConfigPath
    })]
  },

tsconfig-paths-webpack-plugin은 예제에 많아서 사용해보게 됐는데, 간단히 말하면
alias(단축경로)를 쓰려면 typescript를 쓸 시 Tsconfig.json과 webpack.config.js에 둘다 설정해줘야하는데, 이걸로 간단히 해결되는듯하다. 

 

다른 기능들도 있는것 같지만 일단 이 기능만 쓰기 위해서 사용..