This package has been deprecated

Author message:

ts-transformer-imports is no longer maintained, see https://github.com/grrowl/ts-transformer-imports#depreciation-notice

ts-transformer-imports

0.4.3 • Public • Published

ts-transformer-imports

A TypeScript transformer which enables compilation of absolute imports (using baseUrl or paths) so they can be required as modules from Javascript or TypeScript, without additional configuration or path mapping.

Build Status NPM version Downloads

Read more about why this exists and what problem it solves

How to use this package

If you're using the TypeScript compiler and using TypeScript's native "absolute imports" mapping (specifying baseUrl or paths in your config), you've found none of the compiled code is usable in Javascript or unconfigured TypeScript.

ttypescript

First, install ttypescript:

npm install --save-dev ttypescript

See examples/ttypescript for detail, and ttypescript's README for how to set up in your project.

Now, specify ts-transfomer-imports in your tsconfig.json:

{
  "compilerOptions": {
    // ...
    "plugins": [
      { "transform": "ts-transformer-imports" }
    ]
  },
}

Using with ts-node, webpack, etc

See ttypescript's README for usage information with other compilers. It should work!

TypeScript API

You probably won't need this. See test for more detail.

const ts = require('typescript');
const importsTransformer = require('ts-transformer-imports').default;
 
const program = ts.createProgram([/* your files to compile */], {
  strict: true,
  noEmitOnError: true,
  target: ts.ScriptTarget.ES5
});
 
const transformers = {
  before: [importsTransformer(program)]
};
const { emitSkipped, diagnostics } = program.emit(undefined, undefined, undefined, false, transformers);

TL;DR:

I don't want to write:

// within a deep directory, this can be tedious on large projects
import isTruthy from '../../utils/isTruthy'
import AppView from '../views/app'

so TypeScript allows me write:

import isTruthy from 'utils/isTruthy'
import AppView from 'views/app'

when tsconfig.json looks like this:

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "utils": ["./utils"],
      "views": ["./components/views"],
    }
  }
}

but tsc compiles it to:

const isTruthy = require('utils/isTruthy')
// At runtime, node will try to resolve the "utils" module dependency from within node_modules and fail

So ts-transformer-import transforms the emitted javascript this at typescript compile time:

const isTruthy = require('../../utils/isTruthy')
const AppView = require('../views/app')

Compatibility

TypeScript 2.4 and up

License

MIT

Thanks to

Readme

Keywords

Package Sidebar

Install

npm i ts-transformer-imports

Weekly Downloads

295

Version

0.4.3

License

MIT

Unpacked Size

14.5 kB

Total Files

7

Last publish

Collaborators

  • grrowl