標籤:

【ACW-A】preserveWhitespaces 將默認關閉

類別

API 更新/API Change Warning

置信度

Announcement

起始時間

2018-02-17

內容

為了保持良好的代碼格式,通常的 HTML 模版中會引入大量(leading/trailing)空白字元(空格和回車)用於保證可讀性。

不過,由於空白字元在 HTML 中會產生影響(有特例,不詳談),因此 Angular 編譯器會保留模版中的空白內容,造成編譯結果中的額外空間佔用。

自 4.4.1 版本開始, Angular 提供了 preserveWhitespaces 編譯選項,用於設定是否要保留模版中的空白內容。但為了保證兼容性默認啟動。

從 6.0.0-beta.5 版本(暫定)開始,preserceWhitespaces 將默認關閉,如果需要保留空白需要通過配置手動開啟。

如果需要指定特別保留的前後空白內容,可以通過 &ngsp; 關鍵字達成。

相關鏈接

  • 引入 preserveWhitespaces 功能的 Commit:perf(core): add option to remove blank text nodes from compiled templ… · angular/angular@b8b551c
  • 默認關閉 preserveWhitespaces 功能的 Commit:feat(core): set preserveWhitespaces to false by default (#22046) · angular/angular@f1a0632

推薦閱讀:

有多大比例的前端工程師,能在合理的時間內獨立開發出一個足以供商業網站使用的文本編輯器?
24歲從零開始學html晚不晚?
準備學習 C, 想知道 HTML, CSS, JS, Ajax, JAVA, C 是做什麼的?

TAG:Angular | HTML |