@babel/generator

Преобразует AST в код.

Установка​

npm install --save-dev @babel/generator

yarn add --dev @babel/generator

pnpm add --save-dev @babel/generator

Использование​

import { parse } from "@babel/parser";
import generate from "@babel/generator";

const code = "class Example {}";
const ast = parse(code);

const output = generate(
  ast,
  {
    /* options */
  },
  code
);

Примечание: Символы, такие как пробелы или символы новой строки, не сохраняются в AST. Когда Babel generator печатает код из AST, формат вывода не гарантируется.

Параметры​

Параметры для форматирования вывода:

Параметры для карт источников:

AST из нескольких источников​

В большинстве случаев Babel выполняет преобразование входного файла в выходной файл 1:1. Однако вы можете иметь дело с AST, построенным из нескольких источников — файлов JS, шаблонов и т. д. Если это так, и вы хотите, чтобы карты источников отражали правильные источники, вам необходимо передать объект в generate в качестве параметра code. Ключи должны быть именами файлов источников, а значения — содержимым исходных файлов.

Вот пример того, как это может выглядеть:

import { parse } from "@babel/parser";
import generate from "@babel/generator";

const a = "var a = 1;";
const b = "var b = 2;";
const astA = parse(a, { sourceFilename: "a.js" });
const astB = parse(b, { sourceFilename: "b.js" });
const ast = {
  type: "Program",
  body: [].concat(astA.program.body, astB.program.body),
};

const { code, map } = generate(
  ast,
  { sourceMaps: true },
  {
    "a.js": a,
    "b.js": b,
  }
);

// Sourcemap will point to both a.js and b.js where appropriate.