AngularJs Material+Bootstrap 仅用于布局目的

Question

我正在制作一个简单的测试应用程序，我的经理要求我同时使用 angular material 和 bootstrap 现在 angular material 确实提供了布局代码，但我们使用的是 bootstrap的传统移动设计方法现在我们在我们的应用程序中有两次相同的代码，这将导致应用程序的加载时间很长。有什么方法可以使用 angular material 的 UI/UX 功能，只像涟漪效果和所有组件而不使用 flex 布局（因为许多网络浏览器不支持它） 315kb 由于这两个都会加载，有什么办法可以使它减半或至少最接近可能的值

Answer 1

Angular Material 只是一组指令和一些样式，因此您可以删除不依赖于其他模块/指令的任何模块/指令。

你可能会很好地删除诸如波纹效果之类的东西：
https://github.com/angular/material/tree/master/src/core/services

或任何单个组件：
https://github.com/angular/material/tree/master/src/components

但是您必须进行彻底的测试以确保您没有破坏任何东西。

您也可以删除布局样式：
https://github.com/angular/material/tree/master/src/core/style

从 Bootstrap 开始，您可能可以删除任何未使用的组件： https://github.com/twbs/bootstrap/tree/master/js

及其相关样式： https://github.com/twbs/bootstrap/tree/master/less

对于Bootstrap，最简单的方法是使用自定义工具：
http://getbootstrap.com/customize/

但是对于 Angular，您可能必须 运行 您自己的自定义构建...