meclis.
  1. Forumlar
  2. Yazılım ve teknoloji
  3. Web geliştirme
Soru Çözüldü vitemonorepo

vite ile monorepo kurulumu: paylaşılan paketler nasıl derlenmeli?

Can Aydın 3 cevap 2.173 görüntülenme

Paylaşılan paketleri nasıl tüketiyorsunuz?

Kaynak koddan (derlemeden)50%
Her paketi ayrı derleyerek50%
Yayınlanmış sürümden0%

6 kişi oy verdi, anket 2 gün sonra kapanıyor. Oy vermek için giriş yapın.

#1

pnpm workspace ile üç uygulama ve iki paylaşılan paketten oluşan bir monorepo kuruyorum. Uygulamalar Vite ile çalışıyor ama packages/ui içindeki değişiklikler geliştirme sırasında yansımıyor; her seferinde paketi elle derlemem gerekiyor.

apps/
  web/        # vite
  admin/      # vite
packages/
  ui/         # react bileşenleri
  config/     # ortak tsconfig, eslint

Paylaşılan paketleri kaynak koddan mı tüketmeliyim, yoksa her birini ayrı derleyip dist mi göstermeliyim?

Frontend geliştirici, İzmir. Açık kaynak işlerim profilimde.
2 2 0
#2
Can Aydın yazdı:Paylaşılan paketleri kaynak koddan mı tüketmeliyim?

Biz kaynak koddan tüketiyoruz. Paketin package.json dosyasında exports alanını doğrudan src/index.ts dosyasına yönlendirince Vite onu uygulamanın parçası gibi işliyor ve anında yenileniyor.

2 0 1
#3
Konu sahibi bu cevabı çözüm olarak işaretledi.

Elif’in dediği doğru, küçük bir ekleme yapayım:

  • Paketin bağımlılıkları uygulamada da çözülebilir olmalı; peerDependencies kullanın.
  • Yayına çıkacak bir paketse ayrıca bir derleme adımı tutun ve publishConfig ile dist’i gösterin.
{
  "name": "@acme/ui",
  "exports": { ".": "./src/index.ts" },
  "publishConfig": { "exports": { ".": "./dist/index.js" } }
}
Kurallara göz atmayı unutmayın.
0 2 0
#4

Çok teşekkürler @selin. exports ayarıyla değişiklikler anında yansıyor. Konuyu çözüldü olarak işaretledim.

Frontend geliştirici, İzmir. Açık kaynak işlerim profilimde.
3 0 1

Cevap yazmak için giriş yapın.

Giriş yap