https://github.com/ruslanxdev/babel-plugin-transform-ts-import

TypeScript in JavaScript imports resolver.
https://github.com/ruslanxdev/babel-plugin-transform-ts-import

Last synced: about 1 year ago
JSON representation

TypeScript in JavaScript imports resolver.

• Host: GitHub
• URL: https://github.com/ruslanxdev/babel-plugin-transform-ts-import
• Owner: ruslanxdev
• License: mit
• Created: 2018-09-27T11:03:52.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2018-10-01T08:35:42.000Z (almost 8 years ago)
• Last Synced: 2025-03-20T13:48:23.386Z (over 1 year ago)
• Language: JavaScript
• Size: 80.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# babel-plugin-transform-ts-import

[![Build Status](https://travis-ci.com/ruslankhh/babel-plugin-transform-ts-import.svg?branch=master)](https://travis-ci.com/ruslankhh/babel-plugin-transform-ts-import)

TypeScript in JavaScript imports resolver.

## Examples

```js

// Before

import Hello from '.hello.ts';

// After

var _ref = function (exports) {

  Object.defineProperty(exports, \\"__esModule\\", {

    value: true

  });

  exports.default = void 0;

  var Hello = function Hello() {

    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

    if (!props.name) {

      props.name = 'World';

    }

    return ''.concat('Hello, ').concat(props.name, '!');

  };

  var _default = Hello;

  exports.default = _default;

  return exports;

}({}),

    Hello = _ref.default;

```

## Requirements

- Babel 7+

- TypeScript 2+

## Installation

```bash

npm i -D babel-plugin-transform-ts-import

```

## Usage

`.babelrc`

``` json

{

  "plugins": [

    ["transform-ts-import", {

        // .babelrc for inner ts transform. Default:

        "presets": [

            "@babel/preset-env",

            "@babel/preset-typescript"

        ],

        "generatorOpts": {

            "comments": false,

            "quotes": "single",

            "jsescOption": { "quotes": "single" }

        },

        "ast": true,

        "babelrc": false

    }]

  ]

}

```

## Options

Look at https://babeljs.io/docs/en/options.