目前我的angular(v1)app在攻击性地使用UI Bootstrap指令.
我想切换到Angular Material,但我担心它的重量(只是缩小的css大约是400kB,我们谈论MB的一些js模块).
我想切换到Angular Material,但我担心它的重量(只是缩小的css大约是400kB,我们谈论MB的一些js模块).
另一个要点:我没有得到网格布局的弹性选择,没有得到很好的支持,你将最终减少已经很糟糕的旧浏览器兼容性(因为它是一个有角度的应用程序).
我在这里主要是为了提出建议.
解决方法
您无需导入整个库.您可以从NPM安装单个组件,也可以使用“树摇动”工具来确定正在使用哪些组件,并且只将它们包含在输出构建/捆绑中.后者假设你正在使用像Webpack这样的构建工具.
FlexBox已存在多年,并得到很好的支持. http://caniuse.com/#feat=flexbox
如果您确实需要IE10支持,可以使用autoprefixer将供应商前缀和“2012”flexBox语法附加到样式表中.同样,如果您使用某种构建工具,这种方法效果最好.