angular - 如何将 Angular 中的preserveWhitespaces 选项全局设置为false？

Question

自从版本 5 的 Beta 版本之一以来，Angular 有了一个新的编译器选项，preserveWhitespaces。 CompilerOptions type alias 中提到了该属性在文档中。 Component 装饰器的文档描述了 its usage ，并提及版本 5 中的默认值为 true(不删除空格)。

我见过the PR ，但从一些测试中我可以看出，使用它的唯一方法是为每个 @Component 元数据提供 preserveWhitespace 。如何针对所有组件将其全局设置为false，然后仅针对某些组件将其设置为true？

Answer 1

从 Angular 6 开始默认为 false

• https://github.com/angular/angular/issues/22027

目前，在 JIT 模式下，我们可以将其设置为 CompileOptions 的一部分:

ma​​in.ts

platformBrowserDynamic().bootstrapModule(AppModule, { preserveWhitespaces: false });

对于 aot，我们必须添加此选项

tsconfig.app.json

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "outDir": "../out-tsc/app",
    "baseUrl": "./",
    "module": "es2015",
    "types": []
  },
  "exclude": [
    "test.ts",
    "**/*.spec.ts"
  ],
  "angularCompilerOptions": {
    "preserveWhitespaces": false
  }
}

<强> Angular-cli@1.4.5 example 在这里您可以找到相应的commit

还有feature request在 Angular-CLI 仓库中。