2016-09-06 13 views
4

現在、私のアングル(v1)アプリでは、UIブートストラップ指令が多用されています。 私はアンギュラマテリアルに変更したいと思いますが、その重量について心配しています(ちょうど縮小されたCSSは約400kBで、いくつかのjsモジュールではMBについて話しています)。UIブートストラップと角度の材料

もう一つの大きなポイント:私はグリッドレイアウトのためにflexの選択肢を得ていません。十分にサポートされていませんし、あなたは既に悪い古いブラウザの互換性を減らすために終了します。

私は主にアドバイスを受けています。

答えて

0

ライブラリ全体をインポートする必要はありません。 NPMから個々のコンポーネントをインストールするか、「ツリーシェイキング」ツールを使用して、使用されているコンポーネントを特定し、それらを出力ビルド/バンドルにのみ含めることができます。後者は、Webpackのようなビルドツールを使用していることを前提としています。

フレックスボックスは長年にわたって使用されており、十分にサポートされています。 http://caniuse.com/#feat=flexbox

実際にIE10のサポートが必要な場合は、autoprefixerを使用して、ベンダープレフィックスと「2012」フレックスボックスシンタックスをスタイルシートに追加できます。繰り返しますが、これは何らかのビルドツールを使用している場合に最適です。

+0

パフォーマンスについてはどうですか? https://github.com/angular/material/issues/8329 私は単に、巨大な(要求されていない)余分な仕事を、より多くの問題で終わらせるようにしたいとは考えていません。 – alfredopacino

+0

顕著なパフォーマンスの問題はありませんフレックスボックスで。パフォーマンスの問題を引き起こす可能性があるのは、ポリフィルだけですが、オートプレフィクサーはポリフィルではなく、プリプロセッサーです。これは、IE10が必要とするかもしれない追加のベンダープレフィックスを追加するだけです。 – Soviut

+0

私が全体的に意味していたパフォーマンスの問題では、フレックスだけでなく、とにかく答えに感謝します。ちょっとしたことがあります: - 角度のある素材で親から子供に移行する方法を知っていますか?https://material.google.com/patterns/navigational-transitions.html#navigational-transitions-parent-to-child - 多分私のレイアウトを始めるためのいくつかの空白のテンプレートがあります(管理ダッシュボードではなく、Googleトレンドのレイアウトのようなものです)? – alfredopacino