如何全局设置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？

回答

相关问题