Projekt

Obecné

Profil

Stáhnout (3.9 KB) Statistiky
| Větev: | Revize:
1
# 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
```
(1-1/2)