Angular-cli：如何忽略类名被缩小

JS

Angular-cli 是一个用于快速构建 Angular 应用程序的命令行工具。在使用 Angular-cli 构建应用程序时，有时我们希望某些类名不被缩小，以避免在构建过程中出现问题。本文将介绍如何在 Angular-cli 中忽略类名被缩小，并提供一个案例代码来演示该过程。

在 Angular-cli 中，我们可以通过配置 tsconfig.JSon 文件来实现忽略类名被缩小的功能。在该文件中，我们可以设置 angularCompilerOptions 下的 compilation 字段为 false，以禁用类名缩小。

下面是一个示例的 tsconfig.JSon 文件：

JSon
{
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "target": "es5",
    "module": "es2015",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "allowSyntheticDefaultImports": true,
    "noImplicitAny": false,
    "suppressImplicitAnyIndexErrors": true,
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "compilation": false
  }
}

在上面的示例中，我们将 angularCompilerOptions 下的 compilation 字段设置为 false，以禁用类名缩小。

案例代码：

假设我们有一个 Angular 组件名为 MyComponent，我们希望在构建过程中不对该类名进行缩小。我们可以按照以下步骤进行设置：

1. 打开项目根目录下的 tsconfig.JSon 文件。

2. 在 angularCompilerOptions 字段下添加一个 compilation 字段，并将其值设置为 false。

3. 保存文件并重新构建项目。

下面是一个示例的 tsconfig.JSon 文件：

JSon
{
  "compilerOptions": {
    ...
  },
  "angularCompilerOptions": {
    "compilation": false
  }
}

通过以上设置，我们成功禁用了对 MyComponent 类名的缩小。

如何忽略类名被缩小

上述案例演示了如何在 Angular-cli 中忽略类名被缩小的方法，下面将详细介绍如何进行设置。

1. 打开项目根目录下的 tsconfig.JSon 文件。

2. 在 angularCompilerOptions 字段下添加一个 compilation 字段，并将其值设置为 false。示例代码如下：

JSon
{
  "compilerOptions": {
    ...
  },
  "angularCompilerOptions": {
    "compilation": false
  }
}

3. 保存文件并重新构建项目。

通过以上设置，我们可以在构建过程中忽略特定类名的缩小，确保应用程序的正常运行。

在本文中，我们介绍了如何在 Angular-cli 中忽略类名被缩小的方法。通过配置 tsconfig.JSon 文件中的 angularCompilerOptions 字段，我们可以禁用类名缩小功能。这对于某些特定的类名来说非常重要，以确保应用程序的正常运行。

希望本文对你理解如何在 Angular-cli 中忽略类名被缩小有所帮助。如果你有任何疑问或问题，请随时留言。