CLI

CLI sitelo membungkus Vite yang sudah disertakan dan menyuntikkan plugin halaman HTML secara otomatis.

Perintah

sitelo              # sama seperti sitelo dev
sitelo dev          # server pengembangan
sitelo build        # build produksi
sitelo preview      # pratinjau build produksi
sitelo lighthouse   # audit build produksi

• dev — perenderan SSR sungguhan sesuai permintaan, termasuk rute dinamis, plus bilah alat pengembangan kecil
• build — HTML statis di dist/ (atau outDir Anda)
• preview — menyajikan build produksi secara lokal
• lighthouse — mengaudit build produksi (membutuhkan dependensi rekan lighthouse)

Matikan bilah alat dengan devToolbar: false di sitelo.config.js — lihat Konfigurasi.

Flag yang berguna

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

• --port / --host / --open — server
• --outDir / --emptyOutDir / --base — build
• --root — akar proyek (praktis untuk situs docs/)
• --config — berkas konfigurasi Vite khusus
• --mode / --logLevel / --debug

Untuk apa pun yang Anda pakai ulang di berbagai perintah, pilih opsi Vite di sitelo.config.js di bawah vite.

Menemukan kode yang tidak terpakai

knip menemukan berkas, ekspor, dan dependensi yang tidak dipakai apa pun. Pada proyek sitelo ia butuh satu petunjuk: halaman dan island ditemukan dari sistem berkas, jadi tidak ada yang mengimpornya, dan tanpa diberi tahu knip akan melaporkan seluruh situs sebagai berkas tak terpakai.

npm install -D knip

import { knipConfig } from 'sitelo/knip'

export default knipConfig()

npx knip

knipConfig() membaca sitelo.config.js Anda dan menandai halaman serta island sebagai titik masuk, dengan cara yang sama seperti build menemukannya — pagesDir, pageExtensions, include, dan exclude semuanya berlaku. Yang tersisa di laporan adalah kode yang benar-benar tidak pernah dicapai situs.

Satu hal yang tidak bisa dilihatnya: skrip klien yang dirujuk halaman lewat URL alih-alih impor, seperti <script src="/js/app.js">. Daftarkan sendiri yang seperti itu, dan sertakan apa pun lain yang diterima knip — semuanya disebar ke hasilnya. Tanda ! di akhir adalah penanda knip untuk kode produksi, dan skrip yang dikirim ke peramban memang itu.

export default knipConfig({
  entry: ['src/js/app.js!'], // yang dimuat halaman lewat <script src>
  ignore: ['legacy/**'], // dan apa pun lain yang diterima knip
})