Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/samualtnorman/babel-plugin-here

Replace instances of HERE identifier with code position strings.
https://github.com/samualtnorman/babel-plugin-here

babel babel-plugin here

Last synced: about 2 months ago
JSON representation

Replace instances of HERE identifier with code position strings.

Awesome Lists containing this project

README

        

# Babel Plugin Here (`babel-plugin-here`)
> Replace instances of `HERE` identifier with code position strings.

## Why?
This plugin is useful when you don't have sourcemaps and you're looking at errors in the console and having trouble knowing where they've come from. You can setup this plugin, and use `HERE` in error message like ``throw new Error(`${HERE} Some useful message`)``.

## Setup
### Install

```sh
npm install --save-dev babel-plugin-here
```

### Babel config

`babel.config.json`

```json
{
"plugins": [ "babel-plugin-here" ]
}
```

### TSConfig (if using TypeScript)

`tsconfig.json`
```ts
{
"compilerOptions": {
"types": [ "babel-plugin-here/env" ]
}
}
```

## Example
### In
`src/foo.js`

```js
console.log(HERE)
```

### Out

`dist/foo.js`

```js
console.log("src/foo.js:1:13")
```