Cadena de herramientas web

Ejecute, sirva y compile proyectos JavaScript y TypeScript, e instale sus dependencias.

Ejecutar JavaScript y TypeScript

elide run app.js
elide run app.ts

Los tipos de TypeScript se eliminan. También funcionan .mjs, .cjs, .mts y .cts.

Servir y desarrollar

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

La recarga de páginas se aplica a directorios, no a un script pasado a elide dev. --host y --port definen la dirección, --no-watch desactiva la vigilancia de archivos y --no-tui imprime registros sin formato. Más información, incluido --contexts: Servidor de desarrollo.

Procesar recursos

No se necesita manifiesto:

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

Se aceptan varias fuentes y patrones glob de la shell.

Instalar paquetes npm

elide install --ecosystems=npm

Consulte Instalador npm.

Configuración del manifiesto

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

javascript {
  ecma = "stable"
}

Propiedad	Significado	Valor predeterminado
`web.minifyHtml`	Minifica el HTML, incluidos los scripts y estilos en línea.	`true`
`web.css.minify`	Minifica el CSS.	`true`
`web.css.targets`	Navegadores de destino para CSS: `browser` (`chrome`, `firefox`, `safari`, `edge`, `opera` u otro) y `version` opcional.	ninguno
`web.browsers`	Navegadores de destino para todas las salidas; `css.targets` lo reemplaza para CSS.	ninguno
`javascript.ecma`	Edición de ECMAScript declarada: un año de `2015` a `2025`, `"stable"` o `"latest"`. `elide project info` la muestra; no cambia qué sintaxis se ejecuta ni cómo se compila el código (Lenguaje JavaScript).	`"stable"`

Compilaciones de proyecto

Para compilar un sitio con elide build, declare un artefacto de sitio estático. Para compilar Java o Kotlin para el navegador, consulte Browser WASM.