Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:nodejs:babel

< Node.js

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.

Telepítés

npm install --global babel-cli

Ellenőrzés:

babel --version

JavaScript tartalom

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

Kiterjesztés hozzáadása

Alap

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();

Kiterjesztés megadása

Webhely:

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

Eredmény

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();
oktatas/web/nodejs/babel.txt · Utolsó módosítás: 2024/07/28 11:40 szerkesztette: admin