2016-09-06 47 views
4

目前,我的角色(v1)應用程序在使用UI Bootstrap指令時非常流行。 我想切換到Angular Material,但我擔心它的重量(只是縮小的css大約是400KB,有一些js模塊我們正在討論MB)。用戶界面引導與角色素材

另一個重點:我沒有得到網格佈局的flex選擇,沒有得到很好的支持,你會結束減少已經不好的舊瀏覽器兼容性(因爲是一個角度的應用程序)。

我在這裏主要採取建議。

回答

0

您不需要導入整個庫。您可以從NPM安裝單個組件,也可以使用「樹狀搖晃」工具確定正在使用哪些組件,並僅將它們包含在輸出構建/包中。後者假設你正在使用某種構建工具,比如Webpack。

Flexbox已經存在多年並得到很好的支持。 http://caniuse.com/#feat=flexbox

如果您確實需要IE10支持,則可以使用autoprefixer將供應商前綴和「2012」flexbox語法附加到您的樣式表中。再說一次,如果你使用某種構建工具,效果最好。

+0

表演問題呢? https://github.com/angular/material/issues/8329 我只是不想冒險做一個巨大的(不要求的)額外的工作,以更多的麻煩結束.. – alfredopacino

+0

有沒有通知性能問題與flexbox。唯一可能導致性能問題的是polyfill,但Autoprefixer不是一個polyfill,它是一個預處理器。它只是添加了IE10可能需要的其他供應商前綴。由性能問題導致的 – Soviut

+0

我的意思是總體而言,不僅與flex有關。無論如何感謝您的答案。還有一些: - 你知道一種方法來實現角材料中的父母到孩子的過渡嗎?https://material.google.com/patterns/navigational-transitions.html#navigational-transitions-parent-to-child - 也許有一些空白模板可以開始使用我的佈局(不是管理儀表板,更像Google Trends佈局)? – alfredopacino