Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:nodejs:esbuild

< Node.js

esbuild

Bevezetés

Az esbuild webes csomagoló, idegen nyelven bundler. Böngészőben futó alkalmazásokhoz jobb választás.

Webhely:

Egyéb csomagolók (bundler):

  • webpack
  • rollup
  • SWC
  • parcel

Használat

Készítsünk egy Node.js projektet.

npm init -y

Benne egy src könyvtár, abban egy logger.js és egy index.js fájl:

app01/
  |-src/
  |  |-index.js
  |  `-logger.js
  `-package.json
src/logger.js
class Logger {
    static log(msg) {
        console.log(msg);
    }
}
export default Logger;
src/index.js
class App {
    static main() {
        Logger.log("Hello World!");
    }
}
App.main();

Telepítsük a függőségeket:

pnpm i --save-exact --save-dev esbuild

Fordítsuk le az src könyvtár tartalmát:

npx esbuild src/index.js --outfile out.js --bundle --watch

A dist könyvtár megadása

npx esbuild src/index.js --outdir=dist --bundle --watch

Minifikálás

npx esbuild src/index.js --outdir=dist --bundle --minify
oktatas/web/nodejs/esbuild.txt · Utolsó módosítás: 2024/08/27 22:13 szerkesztette: admin