2016-09-06 60 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