Web-Werkzeugkette

JavaScript- und TypeScript-Projekte ausführen, bereitstellen und bauen sowie ihre Abhängigkeiten installieren.

JavaScript und TypeScript ausführen

elide run app.js
elide run app.ts

TypeScript-Typen werden entfernt. .mjs, .cjs, .mts und .cts funktionieren ebenfalls.

Bereitstellen und entwickeln

elide serve dist   # serve a directory on 127.0.0.1:8080
elide dev public   # dev server on 127.0.0.1:3000; pages reload when files change

~/demo  elide dev site --no-tui --port 43765 &

Dev server for directory: "site"

Dev server: site at http://127.0.0.1:43765

~/demo  curl -s http://127.0.0.1:43765 | head -2

GET / 200 (164us)

<!doctype html>

<h1>Hello, Ada!</h1>

~/demo  sed -i.bak 's/Ada/Grace/' site/index.html

[watch] Create /home/demo/demo/site/sedsHkWQG

~/demo  curl -s http://127.0.0.1:43765 | head -2

GET / 200 (112us)

<!doctype html>

<h1>Hello, Grace!</h1>

0:09 / 0:09

Das Neuladen von Seiten gilt für Verzeichnisse, nicht für ein an elide dev übergebenes Skript. --host und --port legen die Adresse fest, --no-watch schaltet die Dateiüberwachung ab und --no-tui gibt einfache Logs aus. Mehr, auch zu --contexts: Entwicklungsserver.

Assets verarbeiten

Kein Manifest nötig:

elide web build app.ts --out dist     # JavaScript
elide web build page.md --out dist    # HTML
elide web build style.css --out dist  # CSS

Mehrere Quellen und Shell-Globs sind möglich.

npm-Pakete installieren

elide install --ecosystems=npm

Siehe npm-Installer.

Manifest-Einstellungen

web {
  minifyHtml = true
  css {
    minify = true
    targets {
      new { browser = "chrome"; version = "120" }
      new { browser = "safari" }
    }
  }
}

javascript {
  ecma = "stable"
}

Eigenschaft	Bedeutung	Standard
`web.minifyHtml`	HTML minifizieren, einschließlich Inline-Skripten und -Styles.	`true`
`web.css.minify`	CSS minifizieren.	`true`
`web.css.targets`	Ziel-Browser für CSS: `browser` (`chrome`, `firefox`, `safari`, `edge`, `opera` oder andere) und optional `version`.	keine
`web.browsers`	Ziel-Browser für alle Ausgaben; `css.targets` überschreibt sie für CSS.	keine
`javascript.ecma`	Deklarierte ECMAScript-Edition: ein Jahr von `2015` bis `2025`, `"stable"` oder `"latest"`. `elide project info` zeigt sie an; sie ändert weder, welche Syntax läuft, noch wie Code gebaut wird (JavaScript-Sprache).	`"stable"`

Projekt-Builds

Um eine Website mit elide build zu bauen, deklarieren Sie ein Artefakt für statische Websites. Wie Sie Java oder Kotlin für den Browser kompilieren, beschreibt Browser WASM.