UI Bootstrap vs Угловой материал

Question

В настоящее время мое угловое приложение (v1) экстенсивно использует UI Bootstrap. Я хотел бы переключиться на Angular Material, но я беспокоюсь о его весе (только мини-css около 400kB, с некоторыми модулями js мы говорим о MB).

Еще один важный момент: я не могу выбрать flex для макета сетки, не очень хорошо поддерживается, и вы закончите, чтобы уменьшить уже плохую старую совместимость с браузером (поскольку это угловое приложение).

Я здесь, чтобы принимать советы.

Answer 1

Вам не нужно импортировать всю библиотеку. Вы можете либо установить отдельные компоненты из НПМ, либо использовать инструменты «дрожания дерева», чтобы определить, какие компоненты используются, и включать их только в сборку/сборку вывода. Последний предполагает, что вы используете какой-то инструмент построения, такой как Webpack.

Flexbox существует уже много лет и хорошо поддерживается. http://caniuse.com/#feat=flexbox

Если вам действительно нужна поддержка IE10, вы можете использовать autoprefixer, чтобы добавить префиксы поставщиков и синтаксис flexbox 2012 в ваши таблицы стилей. Опять же, это лучше всего работает, если вы используете какой-то инструмент построения.