Babel

A Babel

A Babel segítségével egyetlen fájlba írhatjuk a külön JavaScript fájlok tartalmát, és fordítást is végezhetünk rajtuk.

npm install --global babel-cli

Ellenőrzés:

babel --version

Képernyőre:

babel src

Irányítsuk fájlba:

babel src > index.js

Másolás másik könyvtárba:

babel src --out-dir es5

pnpm add --save-dev @babel/core @babel/cli

app01/
  |-src/
  |  |-app.js
  |  `-emp.js
  |-babel.config.json
  `-package.json

export class Employee {
    constructor() {
        this.name = 'névtelen';
        this.city = 'ismeretlen';
    }
}

import { Employee } from "./emp";
 
new Employee();

Webhely:

pnpm add --save-dev babel-plugin-add-import-extension

{
    "plugins": ["babel-plugin-add-import-extension"]
}

Fordítás:

npx babel src --out-dir dist

app01/
  |-dist/
  |  |-app.js
  |  `-emp.js
  |-src/
  |  |-app.js
  |  `-emp.js
  |-babel.config.json
  `-package.json

export class Employee {
  constructor() {
    this.name = 'névtelen';
    this.city = 'ismeretlen';
  }
}

import { Employee } from "./emp.js";
new Employee();