Chaîne d'outils Web

Exécutez, servez et construisez des projets JavaScript et TypeScript, et installez leurs dépendances.

Exécuter JavaScript et TypeScript

elide run app.js
elide run app.ts

Les types TypeScript sont supprimés. .mjs, .cjs, .mts et .cts fonctionnent aussi.

Servir et développer

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

Le rechargement des pages s’applique aux répertoires, pas à un script passé à elide dev. --host et --port définissent l’adresse, --no-watch désactive la surveillance des fichiers et --no-tui affiche des journaux bruts. Pour en savoir plus, y compris sur --contexts : Serveur de développement.

Traiter les ressources

Aucun manifeste n’est nécessaire :

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

Plusieurs sources et motifs glob du shell sont acceptés.

Installer des paquets npm

elide install --ecosystems=npm

Voir Installateur npm.

Paramètres du manifeste

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

javascript {
  ecma = "stable"
}

Propriété	Signification	Valeur par défaut
`web.minifyHtml`	Minifie le HTML, y compris les scripts et styles intégrés.	`true`
`web.css.minify`	Minifie le CSS.	`true`
`web.css.targets`	Navigateurs cibles pour le CSS : `browser` (`chrome`, `firefox`, `safari`, `edge`, `opera` ou autre) et `version` facultative.	aucune
`web.browsers`	Navigateurs cibles pour toutes les sorties ; `css.targets` les remplace pour le CSS.	aucune
`javascript.ecma`	Édition ECMAScript déclarée : une année de `2015` à `2025`, `"stable"` ou `"latest"`. `elide project info` l’affiche ; elle ne change ni la syntaxe exécutée ni la façon dont le code est construit (Langage JavaScript).	`"stable"`

Builds de projet

Pour construire un site avec elide build, déclarez un artefact de site statique. Pour compiler du Java ou du Kotlin pour le navigateur, voir Browser WASM.