Веб-інструментарій

Запуск, роздавання, збирання та встановлення залежностей для проєктів на JavaScript і TypeScript.

Запуск JavaScript і TypeScript

elide run app.js
elide run app.ts

Типи TypeScript видаляються. Файли .mjs, .cjs, .mts і .cts теж підтримуються.

Роздавання і розробка

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

Перезавантаження сторінок працює для каталогів, але не для скрипту, переданого в elide dev. --host і --port задають адресу, --no-watch вимикає стеження за файлами, а --no-tui виводить прості журнали. Докладніше, зокрема про --contexts: Сервер розробки.

Обробка ресурсів

Маніфест не потрібен:

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

Можна передати кілька вихідних файлів і glob-шаблони оболонки.

Встановлення пакетів npm

elide install --ecosystems=npm

Див. Встановлювач npm.

Налаштування маніфесту

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

javascript {
  ecma = "stable"
}

Властивість	Призначення	За замовчуванням
`web.minifyHtml`	Мініфікувати HTML, зокрема вбудовані скрипти та стилі.	`true`
`web.css.minify`	Мініфікувати CSS.	`true`
`web.css.targets`	Цільові браузери для CSS: `browser` (`chrome`, `firefox`, `safari`, `edge`, `opera` або інший) і необов’язковий `version`.	немає
`web.browsers`	Цільові браузери для всіх результатів збирання; для CSS їх перевизначає `css.targets`.	немає
`javascript.ecma`	Оголошена редакція ECMAScript: рік від `2015` до `2025`, `"stable"` або `"latest"`. Її показує `elide project info`; вона не впливає ні на те, який синтаксис виконується, ні на те, як збирається код (Мова JavaScript).	`"stable"`

Збирання проєкту

Щоб зібрати сайт командою elide build, оголосіть артефакт статичного сайту. Щоб скомпілювати Java або Kotlin для браузера, див. Browser WASM.