سلسلة أدوات الويب

تشغيل مشاريع 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.targets` في CSS.	لا شيء
`javascript.ecma`	إصدار ECMAScript المُعلَن: سنة من `2015` إلى `2025`، أو `"stable"` أو `"latest"`. يعرضه `elide project info`، ولا يغيّر الصيغة التي تُشغَّل ولا طريقة بناء الشيفرة (لغة JavaScript).	`"stable"`

بناء المشاريع

لبناء موقع باستخدام elide build، عرّف مُخرَج موقع ثابت. ولتصريف Java أو Kotlin للمتصفح، راجع Browser WASM.