如何使用 sveltekit 和 pnpm 设置turborepo

Question

我正在尝试将 Turborepo 添加到我的 Svelte 应用程序中，但看起来npx create-turbo@latest命令和示例目前仅支持 NextJs。如何配置它以运行 Svelte 和 Sveltekit 应用程序？

Answer 1

使用turborepo starter 创建项目后，您必须遵循这个简单的规则：

\n

\n

应用程序和网站转到应用程序文件夹，库和配置转到\npackages 文件夹。

\n

\n

现在，您可以使用 sveltekit starter 在 apps 文件夹中创建一些 sveltekit 应用程序，并在 packages 文件夹中创建一个普通的 svelte 库。我写了一篇关于它的小博客文章，其中包含代码示例

\n

几点注意事项：\n确保您有 lib 项目的 package.json，例如：

\n

{\n\xe2\x80\x9cname\xe2\x80\x9d: \xe2\x80\x9cuikit\xe2\x80\x9d,\n\xe2\x80\x9cversion\xe2\x80\x9d: \xe2\x80\x9c0.0.0",\n\xe2\x80\x9cmain\xe2\x80\x9d: \xe2\x80\x9c./index.svelte\xe2\x80\x9d,\n\xe2\x80\x9ctypes\xe2\x80\x9d: \xe2\x80\x9c./index.svelte\xe2\x80\x9d,\n\xe2\x80\x9cdevDependencies\xe2\x80\x9d: {\n    \xe2\x80\x9csvelte\xe2\x80\x9d: \xe2\x80\x9c^3.44.0\xe2\x80\x9d\n}\n

\n

}

\n

更新 Turbo.json 文件中的 Turbo 配置以包含 svelte-kit 命令：

\n

{\n  \xe2\x80\x9cpipeline\xe2\x80\x9d: {\n    \xe2\x80\x9cbuild\xe2\x80\x9d: {\n      \xe2\x80\x9cdependsOn\xe2\x80\x9d: [\xe2\x80\x9c^build\xe2\x80\x9d],\n      \xe2\x80\x9coutputs\xe2\x80\x9d: [\xe2\x80\x9cdist/**\xe2\x80\x9c, \xe2\x80\x9c.svelte-kit/**\xe2\x80\x9c, \xe2\x80\x9c.svelte/**\xe2\x80\x9c]\n    },\n    \xe2\x80\x9clint\xe2\x80\x9d: {\n      \xe2\x80\x9coutputs\xe2\x80\x9d: []\n    },\n    \xe2\x80\x9cdev\xe2\x80\x9d: {\n      \xe2\x80\x9ccache\xe2\x80\x9d: false\n    }\n  }\n}\n

\n

更新 package.json 脚本块中每个 svelte 套件应用程序的端口。\n从 monorepo 的根运行命令。

\n

npm run dev\n

\n

并且您应该让所有应用程序同时运行，或者如果您希望立即构建所有应用程序，只需执行以下操作

\n

npm run build\n

\n