Adım 4: Üretim için Oluşturma

Önkoşullar

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 | sort

Beklenen Çıktı

  • dist/ altındaki yeni statik dosyalar.
  • build.minify, true olduğ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:

  1. ensureDist() - dist/ öğesini temizler ve yeniden oluşturur.
  2. dist:clean kancası - robots.txt oluşturuldu.
  3. src/assets/'den kopyalanan statik varlıklar.
  4. assets:copy kanca - Tailwind CSS ve esbuild çalıştırması.
  5. src/content/ adresinden yüklenen işaretleme içeriği.
  6. content:load kanca - harici içerik enjeksiyon noktası.
  7. Oluşturulan koleksiyonlar (etiketler, kategoriler, seriler).
  8. content:ready kancası - RSS ve site haritası oluşturuldu.
  9. dist/'ye aktarılan ve yazılan sayfalar.

Yaygın Hatalar

HataDüzelt
Eksik output.css veya output.jssrc/css/app.css ve src/js/app.js'nin mevcut olduğunu ve eklentilerin listelendiğini doğrulayın
Çıktıda yanlış dil/yolcontent.languages ve kurallı ayarları kontrol edin
Eski dosyalar çıktıda kalıyorDerleme dist/ öğesini otomatik olarak temizler; sorunlar devam ederse dist/ öğesini manuel olarak silin

İlgili