gulp-ts-paths

Gulp stream to resolve imports aliases defined in 'tsconfig.paths' to relative paths.

Install

npm install --save-dev gulp-ts-paths

Usage

let paths = require("gulp-ts-paths").default;
 
let config = { ... };
 
gulp.task("build", function () {
    let tsProject = ts.createProject(config.tsconfig);
 
    return gulp.src(config.tsGlob)
        // Assuming your ts config directory is "./src"
        .pipe(paths({ config: tsProject.config, baseDir: "./src" }))
        .pipe(tsProject())
        ;
});

Example

Given your tsconfig paths is: { "MyAlias": ["MyAliasFolder/MyAliasClass"] }
And a file, relative to tsconfig, is at: ./FileFolder/InnerFileFolder/File.ts

Input:

import A from "./asdf";
import B from "express";
import C from "MyAlias"; // This is the defined alias we want to replace to relative path.
 
export class MyClass {
}

Output:

import A from "./asdf";
import B from "express";
import C from "../../MyAliasFolder/MyAliasClass";
 
export class MyClass {
}