• Szerző: Sallai András
• Copyright © 2021, Sallai András
• Szerkesztés: 2021, 2024
• Licenc: CC Attribution-Share Alike 4.0 International
• Web: https://szit.hu

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.

• https://babel.dev/ (2024)

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

src/emp.js

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

src/app.js

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

Webhely:

• https://codeberg.org/karl/babel-plugin-add-import-extension.git (2024)

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

babel.config.json

{
    "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     

dist/emp.js

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

dist/app.js

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