CLI

sitelo CLI’ı pakete dahil Vite’ı sarar ve HTML sayfa eklentisini kendiliğinden enjekte eder.

Komutlar

sitelo              # sitelo dev ile aynı
sitelo dev          # geliştirme sunucusu
sitelo build        # üretim derlemesi
sitelo preview      # üretim derlemesini önizle
sitelo lighthouse   # üretim derlemesini denetle

• dev — dinamik rotalar dahil istek üzerine gerçek SSR işlemesi, artı küçük bir geliştirme araç çubuğu
• build — dist/ içinde (ya da kendi outDir dizininizde) statik HTML
• preview — üretim derlemesini yerelde sunar
• lighthouse — üretim derlemesini denetler (lighthouse eş bağımlılığını gerektirir)

Araç çubuğunu sitelo.config.js içindeki devToolbar: false ile kapatın — bkz. Yapılandırma.

Kullanışlı bayraklar

sitelo --port 8888
sitelo build --outDir public --emptyOutDir
sitelo --root docs

• --port / --host / --open — sunucu
• --outDir / --emptyOutDir / --base — derleme
• --root — proje kökü (bir docs/ sitesi için kullanışlı)
• --config — özel Vite yapılandırma dosyası
• --mode / --logLevel / --debug

Komutlar arasında yeniden kullandığınız her şey için sitelo.config.js içindeki vite altındaki Vite seçeneklerini tercih edin.

Kullanılmayan kodu bulmak

knip, hiçbir şeyin kullanmadığı dosyaları, dışa aktarımları ve bağımlılıkları bulur. Bir sitelo projesinde tek bir ipucuna ihtiyacı vardır: sayfalar ve adalar dosya sisteminden keşfedilir, dolayısıyla onları hiçbir şey içe aktarmaz; aksi söylenmezse knip bütün siteyi kullanılmayan dosya olarak bildirir.

npm install -D knip

import { knipConfig } from 'sitelo/knip'

export default knipConfig()

npx knip

knipConfig(), sitelo.config.js dosyanızı okur ve sayfaları ile adaları derlemenin keşfettiği biçimde giriş noktası olarak işaretler — pagesDir, pageExtensions, include ve exclude hepsi geçerlidir. Raporda kalan şey, sitenin gerçekten hiç ulaşmadığı koddur.

Göremediği tek şey: bir sayfanın içe aktarma yerine URL ile başvurduğu istemci betiği, örneğin <script src="/js/app.js">. Bunları kendiniz listeleyin ve knip’in kabul ettiği diğer her şeyi de yanına geçirin — sonuca yayılır. Sondaki ! knip’in üretim kodu işaretidir; tarayıcıya gönderilen bir betik de tam olarak odur.

export default knipConfig({
  entry: ['src/js/app.js!'], // sayfaların <script src> ile yüklediği şey
  ignore: ['legacy/**'], // ve knip’in kabul ettiği her şey
})