Как настроить турборепозиторий с помощью sveltekit и pnpm

Question

Я пытаюсь добавить Turborepo в свои приложения Svelte, но похоже, npx create-turbo@latestкоманда, а также примеры в настоящее время поддерживают только NextJs. Как настроить его для работы с приложениями Svelte и Sveltekit?

Answer 1

После создания проекта с помощью turborepo starter вы должны следовать простому правилу:

Приложения и сайты помещаются в папку приложений, а библиотеки и конфиги — в папку пакетов.

Теперь вы можете создать несколько приложений sveltekit в папке приложений с помощью sveltekit starter и создать обычную библиотеку svelte в папке пакетов. Я написал небольшой пост об этом в блоге с примером кода здесь

Несколько замечаний: убедитесь, что у вас есть package.json для проекта lib, например:

      {
“name”: “uikit”,
“version”: “0.0.0",
“main”: “./index.svelte”,
“types”: “./index.svelte”,
“devDependencies”: {
    “svelte”: “^3.44.0”
}

}

Обновите конфигурацию turbo в файле turbo.json, чтобы она содержала команду svelte-kit:

      {
  “pipeline”: {
    “build”: {
      “dependsOn”: [“^build”],
      “outputs”: [“dist/**“, “.next/**“, “svelte-kit/**“]
    },
    “lint”: {
      “outputs”: []
    },
    “dev”: {
      “cache”: false
    }
  }
}

Обновите порты для каждого приложения sveltekit в блоке сценария package.json. Запускайте свои команды из корня монорепозитория.

      npm run dev

и у вас должны быть все приложения, работающие одновременно, или, если вы хотите собрать все сразу, просто сделайте

      npm run build