Angular 9 + CLI (TypeScript) - 如何停止生成 .spec.ts 测试文件

typescript

如何停止生成 .spec.ts 测试文件

在使用 Angular 9 和 CLI（typescript）开发应用程序时，默认情况下会为每个组件生成一个 .spec.ts 测试文件。这些测试文件用于编写单元测试和集成测试。然而，有时候我们可能希望停止生成这些测试文件，这篇文章将向您展示如何实现这一目标。

步骤1：修改 angular.JSon 配置文件

首先，打开您的 Angular 项目的根目录，并找到 angular.JSon 配置文件。在该文件中，您可以配置 Angular CLI 的各种行为。

找到 "projects" 下的 "architect"，然后找到 "schematics"。在 "schematics" 中，找到 "component"，它是用于生成组件的 schematics。

在 "component" 下，您将看到一个名为 "spec" 的选项，默认为 true。将其改为 false，如下所示：

JSon
"schematics": {
  "@schematics/angular:component": {
    "spec": false
  }
}

通过将 "spec" 设置为 false，您告诉 Angular CLI 不再为新生成的组件创建 .spec.ts 测试文件。

步骤2：重新生成组件

在您修改了 angular.JSon 文件后，您需要重新生成组件，以使更改生效。可以使用 Angular CLI 的 generate 命令来生成新的组件。

打开终端，并导航到您的项目目录。然后运行以下命令：

bash
ng generate component your-component-name

请将 "your-component-name" 替换为您要生成的组件的名称。

运行该命令后，Angular CLI 将为您生成新的组件，但不会再生成 .spec.ts 测试文件。

案例代码

为了更好地理解上述步骤，我们来看一个具体的案例。

假设我们有一个名为 "ExampleComponent" 的组件，我们不希望为它生成测试文件。

首先，打开 angular.JSon 配置文件，并找到 "schematics" 部分。在 "component" 下，将 "spec" 设置为 false：

JSon
"schematics": {
  "@schematics/angular:component": {
    "spec": false
  }
}

然后，运行以下命令重新生成组件：

bash
ng generate component example

现在，Angular CLI 将为您生成 "ExampleComponent" 组件，但不会生成 .spec.ts 测试文件。

这样，您就成功地停止了生成 .spec.ts 测试文件。

本文向您展示了如何停止生成 .spec.ts 测试文件。通过修改 angular.JSon 配置文件并将 "spec" 设置为 false，您可以告诉 Angular CLI 不再为新生成的组件创建测试文件。然后，通过重新生成组件，您可以使更改生效。

这个功能对于那些不需要编写测试或使用其他测试框架的开发人员来说非常有用。记住，测试是开发过程中的重要环节，因此在停止生成测试文件之前，请确保您的应用程序进行了充分的测试。

希望本文对您有所帮助，谢谢阅读！