Как глобально установить для параметра preserveWhitespaces в Angular значение false?

Question

Начиная с одного из бета-версий версии 5, Angular имеет новую опцию компилятора, preserveWhitespaces, Недвижимость упоминается в CompilerOptions введите псевдоним в документах. Документы для Component декоратор опишите его использование и отметьте, что по умолчанию в версии 5 true (без удаления пробелов).

Я видел PR, но из того, что я могу судить по некоторым тестам, можно сказать, что единственный способ использовать его - это preserveWhitespace каждому @Component метаданные. Как я могу установить его false глобально, для всех компонентов, а затем установите его true только для некоторых компонентов?

Answer 1

Это будет ложью по умолчанию, начиная с угловой 6

• 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.

Answer 2

Чтобы установить параметры компилятора angular в компиляции AOT (ng serve --aot, ng build --prod), вы должны изменить tsconfig.app.json, включив в него:

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

Чтобы установить параметры компилятора angular в JIT-компиляции (ng serve), вы должны изменить main.ts, в частности, вызов bootstrapModule:

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