Comment définir globalement l'option preserveWhitespaces dans Angular à false ?

Question

Depuis l'une des versions bêta de la version 5, Angular dispose d'une nouvelle option de compilateur, preserveWhitespaces . La propriété est mentionnée dans CompilerOptions type alias dans les documents. Les documents relatifs à la Component Décrire le décorateur son utilisation et mentionner que la valeur par défaut dans la version 5 est true (sans suppression des espaces).

J'ai vu la RP mais d'après ce que j'ai pu constater lors de quelques tests, la seule façon de l'utiliser est de fournir preserveWhitespace à chaque @Component métadonnées. Comment puis-je le définir comme false globalement, pour tous puis de le régler sur true seulement pour certains composants ?

Answer 1

Ce sera faux par défaut à partir d'angular 6

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

Pour l'instant, en mode JIT, nous pouvons le définir comme faisant partie de Options de compilation :

main.ts

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

Pour aot, nous devons ajouter cette option à

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 exemple où vous trouverez les s'engager

Il y a aussi demande de fonctionnalité dans le repo d'angular-cli.

Answer 2

Afin de définir les options du compilateur angulaire dans la compilation AOT (ng serve --aot, ng build --prod), vous devez modifier le fichier tsconfig.app.json pour l'inclure :

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

Afin de définir les options du compilateur angulaire dans la compilation JIT (ng serve), vous devez modifier main.ts, en particulier l'appel bootstrapModule :

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