Şu anda içerisinde 1 React Vite Uygulaması ve tailwind-config paketi bulunan Turborepo ile bir monorepo oluşturdum. Ve şu anki sorunum, uygulamamın tailwind'i hiç yüklememesi. Proje yapımı ve dosyalarımı size açıklamaya çalışayım.
root | |- packages | |- tailwind-config | `- apps |- container DAHA FAZLASI →Aradım ve belgeleri okudum ama tam çözümü bulamadım, ayrıca şablon ve hazır şablon da aradım.
Turborepo'yu TypeScript kullanmadan nasıl kullanabilirsiniz, bu konuda yorumlarınız var mı arkadaşlar?
Projede ölçek büyüdüğünde TypeScript kullanmak istemiyorum çünkü bu, başlangıç için karmaşık.
DAHA FAZLASI →
TypeScript için Turborepo projesinin bir parçası olarak bir dizi paket geliştiriyorum. Bu paketlerin import yapısının bir örneği şöyle olacaktır
import { Test } from "package-name" import { Test } from "package-name/Test"Turborepo ile geliştirme sı
DAHA FAZLASI →
En son sürüm TurboRepo üzerinde yeni bir proje kurdum. 'apps' dizininde, 'react-swc-ts' şablonunu kullanarak yeni bir Vite projesi oluşturdum. Vite projesinin 'tsconfig.json' dosyasını değiştirdim:
/* Import */ "baseUrl": "./src", "paths": { "~/*": ["./*"] }, DAHA FAZLASI →Yani, turborepo'da bir tsup paketi içinde svgr kurmak istediğim bir proje üzerinde çalışıyordum.
Bu benim tsup konfigürasyonum
import type { Options } from "tsup"; import { defineConfig } from "tsup"; export default defineConfig((options: Options) => ({ plugins: [], treeshake: true, splitting: true, entryPoints: ["./**/*.tsx"], // format: ["esm"], dts: true, minify: true, clean: true, externals: ["react&qu DAHA FAZLASI →Bir pnpm turborepo çalışma alanı içinde bir express api oluşturmaya çalışıyorum.
api, yerel bir çalışma alanı paketi olan @my/shared'ı bir bağımlılık olarak içeriyor.
Derlemeyi doğru şekilde yapamıyorum. Sanırım yapmam gereken, paylaşılan kütüphaneyi derleyip bunu api projesine dahil edebilmek, ama bunu yapmak için tüm import ifadelerini değiştirip Node'un modülü bulmasını sağlamam gerekir çünkü @my/shared olarak import ediliyor.
yapı :
apps/ /api <- expre DAHA FAZLASI →Üzerinde çalıştığım birkaç Typescript projesi için bir monorepo kuruyorum ve import aliasing ile ilgili sorunlar yaşıyorum. Dizin yapım şu şekilde
project/ apps/ streaming/ package.json tsconfig.json src/ handlers/ KafkaHandler.ts packages/ shared-utils/ package.json tsconfig.json src/ clients/ Kafka.ts tsconfig/ base.json project/packages/tsconfig/base.json DAHA FAZLASI →Dahili paketlerle ilgili resmi belgelerde, bunları next.config.js içinde transpile etmeniz gerektiği belirtiliyor: transpilePackages: ['math-helpers'] (paylaşılan-kod).
Ayrıca, mevcut başlangıç örneklerinde (npx create-turbo@latest), @repo/ui sonraki uygulamalarda derlenir.
Ancak, tüm sonraki uygulamalar dahili paketleri transpile etmeden bile çalışır.
next.config içinde dahili paketleri transpile etmeniz gerek
DAHA FAZLASI →TurboRepo kurulumumda, özellikle NestJS servisleri içinde Prisma yöntemlerini kullanırken bir TypeScript tür çıkarımı sorunu ile karşılaşıyorum. Sunucu paketinde, çeşitli controller yöntemleri ve DTO'lar için türleri dışa aktaran bir export.d.ts dosyam var. Ancak, TypeScript Prisma yöntemlerini kullanırken tam türleri çıkaramıyor ve bu da ön uç paketinde kullanıldığında eksik tür tanımlarına yol açıyor.
Sunucu Çalışma Alanı:
// export.d.ts import { AuthCo DAHA FAZLASI →Turiborepo kullanan bir monorepom var ve bu monorepoda dahili bir pakete bağlı bir Lambda işlevi bulunuyor. Temelde, aşağıdaki yapıya benzer bir şey...
Servis "resize" ve "@repo/image"'e bağlıdır.
services resize package.json Dockerfile src index.ts packages image package.json src helper.tsBu tabii ki basitleştirilmiş bir hali.
„resize” servisi için docker dosyası şöyle görünüyor (turborepo'daki docker örneğine day
DAHA FAZLASI →