82f2b76e25
We now use webpack instead of SystemJS, effectively bundling modules into one file (plus commons chunks) for every entry point. This results in a much smaller extension size (almost half). Furthermore we use yarn/npm even for extension run-time dependencies. This relieves us from manually vendoring and building dependencies. It's also easier to understand for new developers familiar with node.
44 lines
1.2 KiB
Markdown
44 lines
1.2 KiB
Markdown
# babel-code-frame
|
|
|
|
> Generate errors that contain a code frame that point to source locations.
|
|
|
|
## Install
|
|
|
|
```sh
|
|
npm install --save-dev babel-code-frame
|
|
```
|
|
|
|
## Usage
|
|
|
|
```js
|
|
import codeFrame from 'babel-code-frame';
|
|
|
|
const rawLines = `class Foo {
|
|
constructor()
|
|
}`;
|
|
const lineNumber = 2;
|
|
const colNumber = 16;
|
|
|
|
const result = codeFrame(rawLines, lineNumber, colNumber, { /* options */ });
|
|
|
|
console.log(result);
|
|
```
|
|
|
|
```sh
|
|
1 | class Foo {
|
|
> 2 | constructor()
|
|
| ^
|
|
3 | }
|
|
```
|
|
|
|
If the column number is not known, you may pass `null` instead.
|
|
|
|
## Options
|
|
|
|
name | type | default | description
|
|
-----------------------|----------|-----------------|------------------------------------------------------
|
|
highlightCode | boolean | `false` | Syntax highlight the code as JavaScript for terminals
|
|
linesAbove | number | 2 | The number of lines to show above the error
|
|
linesBelow | number | 3 | The number of lines to show below the error
|
|
forceColor | boolean | `false` | Forcibly syntax highlight the code as JavaScript (for non-terminals); overrides highlightCode
|