szit

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, kérdezd az Adminisztrátorokat!
[[oktatas:web:nodejs|< Node.js]]

====== esbuild ======

  * **Szerző:** Sallai András
  * Copyright (c) 2024, Sallai András
  * Szerkesztve: 2024
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC BY-SA 4.0]]
  * Web: https://szit.hu

===== Bevezetés =====

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

Webhely:
  * https://esbuild.github.io/

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:

<code>
app01/
  |-src/
  |  |-index.js
  |  `-logger.js
  `-package.json
</code>

<code javascript src/logger.js>
class Logger {
    static log(msg) {
        console.log(msg);
    }
}
export default Logger;
</code>

<code javascript src/index.js>
class App {
    static main() {
        Logger.log("Hello World!");
    }
}
App.main();
</code>


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

===== Lásd még =====

  * https://www.npmjs.com/package/esbuild-plugin-copy
  * https://www.npmjs.com/package/esbuild-plugin-babel
  * https://www.npmjs.com/package/esbuild-plugin-tsc