UI Bootstrap与Angular材质

时间:2016-09-06 22:53:52

标签: angularjs angular-ui angular-material

目前我的angular(v1)app在攻击性地使用UI Bootstrap指令。 我想切换到Angular Material,但我担心它的重量(只是缩小的css大约是400kB,我们谈论的是MBs的一些js模块)。

另一个要点:我没有获得网格布局的flex选择,没有得到很好的支持,你将最终减少已经糟糕的旧浏览器兼容性(因为它是一个有角度的应用程序)。

我在这里主要是为了提出建议。

1 个答案:

答案 0 :(得分:0)

您无需导入整个库。您可以从NPM安装单个组件,也可以使用“树摇动”工具来确定正在使用哪些组件,并且只将它们包含在输出构建/捆绑中。后者假设你正在使用像Webpack这样的构建工具。

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

如果您确实需要IE10支持,可以使用autoprefixer将供应商前缀和“2012”flexbox语法附加到样式表中。同样,如果你使用某种构建工具,这种方法效果最好。