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

Question

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

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

Answer 1

为了在 AOT compile (ng serve --aot, ng build --prod) 中设置 Angular 编译器选项，您必须更改 tsconfig.app.json 以包含：

"angularCompilerOptions": {
  "preserveWhitespaces": true
},

为了在 JIT compile (ng serve) 中设置角度编译器选项，您必须更改 main.ts，特别是 bootstrapModule 调用：

platformBrowserDynamic().bootstrapModule(AppModule, {
  preserveWhitespaces: true
})
.catch(err => console.log(err));

Answer 2

默认情况下，从角度 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

在 angular-cli repo 中也有 feature request。