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

Запуск, раздача, сборка и установка зависимостей для проектов на 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.