monorepo-typescript-next-the-sane-way 项目教程

1. 项目的目录结构及介绍

monorepo-typescript-next-the-sane-way/
├── shared/
│   ├── src/
│   │   ├── index.ts
│   │   └── ...
│   ├── package.json
│   └── tsconfig.json
├── website/
│   ├── src/
│   │   ├── pages/
│   │   │   ├── index.tsx
│   │   │   └── ...
│   │   └── ...
│   ├── package.json
│   ├── tsconfig.json
│   └── next.config.js
├── .gitignore
├── LICENSE
├── README.md
├── package.json
└── yarn.lock

• shared/：包含共享模块的目录。
  • src/：共享模块的源代码。
  • package.json：共享模块的依赖配置。
  • tsconfig.json：共享模块的 TypeScript 配置。
• website/：包含 Next.js 项目的目录。
  • src/：Next.js 项目的源代码。
  • pages/：Next.js 页面组件。
  • package.json：Next.js 项目的依赖配置。
  • tsconfig.json：Next.js 项目的 TypeScript 配置。
  • next.config.js：Next.js 项目的配置文件。
• .gitignore：Git 忽略文件配置。
• LICENSE：项目许可证。
• README.md：项目说明文档。
• package.json：根目录的依赖配置。
• yarn.lock：依赖锁定文件。

2. 项目的启动文件介绍

在 website/ 目录下，主要的启动文件是 src/pages/index.tsx，这是 Next.js 项目的入口页面。启动项目时，Next.js 会自动找到这个文件并渲染页面。

3. 项目的配置文件介绍

• shared/tsconfig.json：共享模块的 TypeScript 配置文件，定义了 TypeScript 编译选项。
• website/tsconfig.json：Next.js 项目的 TypeScript 配置文件，定义了 TypeScript 编译选项。
• website/next.config.js：Next.js 项目的配置文件，可以配置路由、构建选项等。
• package.json：根目录的依赖配置文件，定义了项目的依赖和脚本命令。

通过这些配置文件，可以对项目进行详细的设置和优化。