1 |
3a515b92
|
cagy
|
# babel-generator
|
2 |
|
|
|
3 |
|
|
> Turns an AST into code.
|
4 |
|
|
|
5 |
|
|
## Install
|
6 |
|
|
|
7 |
|
|
```sh
|
8 |
|
|
npm install --save-dev babel-generator
|
9 |
|
|
```
|
10 |
|
|
|
11 |
|
|
## Usage
|
12 |
|
|
|
13 |
|
|
```js
|
14 |
|
|
import {parse} from 'babylon';
|
15 |
|
|
import generate from 'babel-generator';
|
16 |
|
|
|
17 |
|
|
const code = 'class Example {}';
|
18 |
|
|
const ast = parse(code);
|
19 |
|
|
|
20 |
|
|
const output = generate(ast, { /* options */ }, code);
|
21 |
|
|
```
|
22 |
|
|
|
23 |
|
|
## Options
|
24 |
|
|
|
25 |
|
|
Options for formatting output:
|
26 |
|
|
|
27 |
|
|
name | type | default | description
|
28 |
|
|
-----------------------|----------|-----------------|--------------------------------------------------------------------------
|
29 |
|
|
auxiliaryCommentBefore | string | | Optional string to add as a block comment at the start of the output file
|
30 |
|
|
auxiliaryCommentAfter | string | | Optional string to add as a block comment at the end of the output file
|
31 |
|
|
shouldPrintComment | function | `opts.comments` | Function that takes a comment (as a string) and returns `true` if the comment should be included in the output. By default, comments are included if `opts.comments` is `true` or if `opts.minifed` is `false` and the comment contains `@preserve` or `@license`
|
32 |
|
|
retainLines | boolean | `false` | Attempt to use the same line numbers in the output code as in the source code (helps preserve stack traces)
|
33 |
|
|
retainFunctionParens | boolean | `false` | Retain parens around function expressions (could be used to change engine parsing behavior)
|
34 |
|
|
comments | boolean | `true` | Should comments be included in output
|
35 |
|
|
compact | boolean or `'auto'` | `opts.minified` | Set to `true` to avoid adding whitespace for formatting
|
36 |
|
|
minified | boolean | `false` | Should the output be minified
|
37 |
|
|
concise | boolean | `false` | Set to `true` to reduce whitespace (but not as much as `opts.compact`)
|
38 |
|
|
quotes | `'single'` or `'double'` | autodetect based on `ast.tokens` | The type of quote to use in the output
|
39 |
|
|
filename | string | | Used in warning messages
|
40 |
|
|
flowCommaSeparator | boolean | `false` | Set to `true` to use commas instead of semicolons as Flow property separators
|
41 |
|
|
jsonCompatibleStrings | boolean | `false` | Set to true to run `jsesc` with "json": true to print "\u00A9" vs. "©";
|
42 |
|
|
|
43 |
|
|
Options for source maps:
|
44 |
|
|
|
45 |
|
|
name | type | default | description
|
46 |
|
|
-----------------------|----------|-----------------|--------------------------------------------------------------------------
|
47 |
|
|
sourceMaps | boolean | `false` | Enable generating source maps
|
48 |
|
|
sourceMapTarget | string | | The filename of the generated code that the source map will be associated with
|
49 |
|
|
sourceRoot | string | | A root for all relative URLs in the source map
|
50 |
|
|
sourceFileName | string | | The filename for the source code (i.e. the code in the `code` argument). This will only be used if `code` is a string.
|
51 |
|
|
|
52 |
|
|
## AST from Multiple Sources
|
53 |
|
|
|
54 |
|
|
In most cases, Babel does a 1:1 transformation of input-file to output-file. However,
|
55 |
|
|
you may be dealing with AST constructed from multiple sources - JS files, templates, etc.
|
56 |
|
|
If this is the case, and you want the sourcemaps to reflect the correct sources, you'll need
|
57 |
|
|
to pass an object to `generate` as the `code` parameter. Keys
|
58 |
|
|
should be the source filenames, and values should be the source content.
|
59 |
|
|
|
60 |
|
|
Here's an example of what that might look like:
|
61 |
|
|
|
62 |
|
|
```js
|
63 |
|
|
import {parse} from 'babylon';
|
64 |
|
|
import generate from 'babel-generator';
|
65 |
|
|
|
66 |
|
|
const a = 'var a = 1;';
|
67 |
|
|
const b = 'var b = 2;';
|
68 |
|
|
const astA = parse(a, { sourceFilename: 'a.js' });
|
69 |
|
|
const astB = parse(b, { sourceFilename: 'b.js' });
|
70 |
|
|
const ast = {
|
71 |
|
|
type: 'Program',
|
72 |
|
|
body: [].concat(astA.program.body, astB.program.body)
|
73 |
|
|
};
|
74 |
|
|
|
75 |
|
|
const { code, map } = generate(ast, { sourceMaps: true }, {
|
76 |
|
|
'a.js': a,
|
77 |
|
|
'b.js': b
|
78 |
|
|
});
|
79 |
|
|
|
80 |
|
|
// Sourcemap will point to both a.js and b.js where appropriate.
|
81 |
|
|
```
|