UNPKG

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