Nuxt

Nuxt 是一个开源框架，可使 Web 开发直观且强大。

快速开始

要快速在 Turborepo 中开始使用 Nuxt，请使用 with-vue-nuxt 示例

pnpm dlx create-turbo@latest -e with-vue-nuxt

将 Nuxt 应用添加到现有仓库

使用 Nuxi（Nuxt 的 CLI）在包中设置新的 Nuxt 应用。从仓库的根目录运行

pnpm dlx nuxi@latest init apps/my-app

与您的仓库集成

要将 内部包 添加到您的新应用中，请使用包管理器将其安装到应用中

{
  "name": "my-app",
  "dependencies": {
+   "@repo/ui": "workspace:*"
  }
}

请务必运行您的包管理器的安装命令。您可能还需要根据您在仓库中的用例更新 package.json 中的 scripts。

自定义任务

默认情况下，新应用将使用根目录 turbo.json 中定义的任务。如果您想为新应用配置不同的任务，请使用 包配置。

微前端

将 Nuxt 与 Turborepo 的微前端 一起使用时，请确保为子应用设置 base 属性。这可确保图像和 CSS 等资源被路由到正确的应用。

import { defineConfig } from 'vite';
 
export default defineConfig({
  base: '/admin',
});