Web toolchain

Run, serve, build and install dependencies for JavaScript and TypeScript projects.

Run JavaScript and TypeScript

elide run app.js
elide run app.ts

TypeScript types are stripped. .mjs, .cjs, .mts and .cts also work.

Serve and develop

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>
 

Page reload applies to directories, not to a script passed to elide dev. --host and --port set the address, --no-watch turns off watching, and --no-tui prints plain logs. More, including --contexts: Development Server.

Process assets

No manifest needed:

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

Several sources and shell globs are accepted.

Install npm packages

elide install --ecosystems=npm

See NPM Installer.

Manifest settings

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

javascript {
  ecma = "stable"
}

Project builds

To build a site with elide build, declare a static-site artifact. To compile Java or Kotlin for the browser, see Browser WASM.