Adım 4: Üretim için Oluşturma
Önkoşullar
- Tamamlandı 3. Adım
Komutlar
src/site.json düzenleyerek küçültmeyi etkinleştirin:
"build": { "minify": true, "debug": false }identity.url'ı üretim alan adınıza ayarlayın:
"identity": { "url": "https://yourdomain.com" }Üretim yapısını çalıştırın:
npm run buildÇıktıyı inceleyin:
find dist -maxdepth 2 -type f | sortBeklenen Çıktı
dist/altındaki yeni statik dosyalar.build.minify,trueolduğunda HTML küçültülür.- CSS paketi:
dist/output.css?v=7e5120dfbaf9(Tailwind eklentisi de küçültülmüş). - JS paketi:
dist/output.js?v=7e5120dfbaf9(esbuild eklentisi, kaynak haritasıyla küçültülmüş). - SEO dosyaları:
dist/robots.txt,dist/sitemap.xml,dist/feed.xml.
Az önce ne oldu
Derleme yaşam döngüsü şu sırayla yürütülür:
ensureDist()-dist/öğesini temizler ve yeniden oluşturur.dist:cleankancası - robots.txt oluşturuldu.src/assets/'den kopyalanan statik varlıklar.assets:copykanca - Tailwind CSS ve esbuild çalıştırması.src/content/adresinden yüklenen işaretleme içeriği.content:loadkanca - harici içerik enjeksiyon noktası.- Oluşturulan koleksiyonlar (etiketler, kategoriler, seriler).
content:readykancası - RSS ve site haritası oluşturuldu.dist/'ye aktarılan ve yazılan sayfalar.
Yaygın Hatalar
| Hata | Düzelt |
|---|---|
Eksik output.css veya output.js | src/css/app.css ve src/js/app.js'nin mevcut olduğunu ve eklentilerin listelendiğini doğrulayın |
| Çıktıda yanlış dil/yol | content.languages ve kurallı ayarları kontrol edin |
| Eski dosyalar çıktıda kalıyor | Derleme dist/ öğesini otomatik olarak temizler; sorunlar devam ederse dist/ öğesini manuel olarak silin |