webpack-ts-utils v0.0.4

webpack-ts-utils

Utils for integrating webpack and typescript.

Install

npm add -D webpack-ts-utils

Usage

resolveAliasFromTsconfig(tsconfigPath = "./tsconfig.json")

tsconfig.json:

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@app/*": ["src/app/*"],
      "@components/*": ["src/components/*"]
    }
  }
}

webpack.config.ts:

import * as path from "path";
import * as webpack from "webpack";
import { resolveAliasFromTsconfig } from "webpack-ts-utils";

const config: webpack.Configuration = {
  resolve: {
    // These 3 forms are equivalent.
    alias: resolveAliasFromTsconfig(),
    alias: resolveAliasFromTsconfig("./tsconfig.json"),
    alias: {
      "@app": "/path/to/src/app",
      "@components": "/path/to/src/components"
    }
  },
};

export default config;

See awesome-typescript-loader for another solution.