https://github.com/atfzl/ts-transform-jsx-source

Adds source file, line number and column number to JSX elements
https://github.com/atfzl/ts-transform-jsx-source

jsx typescript typescript-plugin typescript-transformer

Last synced: about 1 month ago
JSON representation

Adds source file, line number and column number to JSX elements

• Host: GitHub
• URL: https://github.com/atfzl/ts-transform-jsx-source
• Owner: atfzl
• License: mit
• Created: 2018-05-12T11:13:21.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-07-24T17:09:27.000Z (over 1 year ago)
• Last Synced: 2024-10-12T17:36:09.212Z (3 months ago)
• Topics: jsx, typescript, typescript-plugin, typescript-transformer
• Language: TypeScript
• Size: 10.7 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ts-transform-jsx-source

Adds source file, line number and column number to JSX elements.

## Example

In

```js

foo

```

Out

```js

  foo

```

## Installation

```

yarn add -D ts-transform-jsx-source

```

## Usage

#### Webpack

```js

import tsTranformJsxSource from 'ts-transform-jsx-source';

// ...

{

  loader: "awesome-typescript-loader",

  options: {

    getCustomTransformers: () => ({ before: [tsTranformJsxSource] })

  }

}

// ...

```

#### Fusebox

```js

import tsTranformJsxSource from 'ts-transform-jsx-source';

const fuse = FuseBox.init({

  homeDir: 'src/',

  target: 'browser@es6',

  output: 'dist/$name.js',

  transformers: {

    before: [tsTranformJsxSource],

  },

});

```