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

Question

自从版本5的beta版本之一以来,Angular有一个新的编译器选项,preserveWhitespaces.该属性在文档中的CompilerOptions类型别名中提到.Component装饰器的文档描述了它的用法,并提到版本5中的默认值是true(没有空白删除).

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

Answer 1

默认情况下,这将从angular 6开始为false

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

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

main.ts

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

我们必须添加此选项

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您可以在其中找到相应提交的示例

在angular-cli repo中还有功能请求.