angularjs - UI Bootstrap 与 Angular Material

Question

目前我的 Angular (v1) 应用程序广泛使用 UI Bootstrap 指令。我想切换到 Angular Material，但我担心它的重量(仅缩小后的 css 大约为 400kB，其中一些 js 模块我们正在谈论 MB)。

另一个要点:我没有得到网格布局的 flex 选择，没有得到很好的支持，你最终会降低已经很糟糕的旧浏览器兼容性(因为是一个 Angular 应用程序) .

我来这里主要是为了听取建议。

Answer 1

您不需要导入整个库。您可以从 NPM 安装各个组件，也可以使用“tree shake”工具来确定正在使用哪些组件，并仅将它们包含在输出构建/ bundle 中。后者假设您正在使用某种构建工具，例如 Webpack。

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

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