如何全局設置Angular中的preserveWhitespaces選項爲false？

由於版本5的測試版之一，Angular有一個新的編譯器選項preserveWhitespaces。該文檔在CompilerOptions type alias中提及。 Component修飾器的文檔描述了its usage，並提到版本5中的默認值爲true（不刪除空白）。如何全局設置Angular中的preserveWhitespaces選項爲false？

我見過the PR，但是從我可以從一些測試告訴的是，只有這樣，才能用它來提供preserveWhitespace每@Component元數據。如何將其設置爲全球false，對於全部是組件，然後將其設置爲true僅適用於某些組件？

來源

2017-09-02 Lazar Ljubenović

所以你說如果你在'tsconfig.json'中設置'angularCompilerOptions'，它*不會生效？你能展示一個[mcve]的設置嗎？ – jonrsharpe

@jonrsharpe啊，這就是它的去向。你能把你的評論變成一個答案嗎？ –

@LazarLjubenović，你使用角度cli？ –

這將是默認假起始角6

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

現在，在JIT模式，我們可以將其設置爲的CompileOptions部分：

main.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 
    } 
}

[email protected] example在這裏你可以找到相應的commit

另外也feature request在angular-cli回購。

來源

2017-10-07 10:36:18 yurzui

你的意思是tsconfig.app.json，導致你鍵入的是擴展tsconfig.json – ramon22

工作正常，我的大模板下降50％時間渲染 –

這不適用於測試tho :( – amcdnl

如何全局設置Angular中的preserveWhitespaces選項爲false？

回答

相關問題