仅在 Next.js 项目上运行 TypeScript 类型检查

Question

我在一个单一存储库项目中使用 Next.js 和 TypeScript，其中包含多个应用程序。将提交推送到存储库时，会在本地运行一些挂钩来检查更改是否足够好 - 测试通过并且构建正确。

但是，构建我们的应用程序需要很长时间，而且我已经看到错误（如果有的话）在构建过程的早期发生。

我使用

nx build my-application

来构建该应用程序，构建过程的步骤是：

• 检查类型的有效性
• 创建优化的生产版本
• 收集页面数据
• ...

当出现问题时，第一步（检查类型的有效性，由 TypeScript 完成）会失败，而且速度相当快（<15 seconds), so I was wondering if I can run just this step.

所以问题是：我可以只运行第一步以便只检查类型吗？我调查了 Next.js 文档中的

build

命令，但找不到任何内容。

Answer 1

是的，在使用 TypeScript 的 Next.js 项目中，您可以在构建之前使用 tsc 命令检查 TypeScript 类型。

tsc 是 TypeScript 编译器命令行工具，它检查 TS 文件是否存在语法错误和类型错误。您可以从

tsconfig.json

文件所在的项目根目录在终端中运行 tsc。

在终端中，您可以使用 tsc 命令检查 TypeScript 类型。但是，要将其集成到您的工作流程中，您可能需要在 package.json 文件中设置一个脚本以使其更易于运行。具体方法如下：

1. 打开您的

   package.json

   文件。
2. 找到“脚本”部分。
3. 添加一个名为 “类型检查” 的新脚本，该脚本运行 tsc。
4. 保存文件。

您的

package.json

可能看起来像这样：

{
  "name": "your-next-js-app",
  "version": "1.0.0",
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "type-check": "tsc"
  },

通过此设置，您可以在终端中运行

npm run type-check

以在构建之前检查 TypeScript 类型。