UI 부트 스트랩 대 앵글 소재

현재 내 각형 (v1) 앱은 UI 부트 스트랩 명령어를 광범위하게 사용합니다. 각도 재료로 전환하고 싶습니다만, 무게가 걱정됩니다 (크기가 작은 CSS는 약 400kB이고, 일부 js 모듈은 MB에 대해 말하고 있습니다).UI 부트 스트랩 대 앵글 소재

또 다른 주요 포인트 : 그리드 레이아웃에 대해 flex 선택 사항을 얻지 못했지만 제대로 지원되지 않아 이미 오래된 브라우저 호환성을 줄이기 위해 종료됩니다 (각도 앱이므로).

저는 주로 여기에 조언을 듣고 있습니다.

출처

2016-09-06 alfredopacino

전체 라이브러리를 가져올 필요는 없습니다. NPM에서 개별 구성 요소를 설치하거나 "트리 떨림"도구를 사용하여 사용중인 구성 요소를 판별하고 출력 빌드/번들에만 포함시킬 수 있습니다. 후자는 Webpack과 같은 일종의 빌드 도구를 사용한다고 가정합니다.

Flexbox는 수년간 사용해 왔으며 잘 지원됩니다. http://caniuse.com/#feat=flexbox

실제로 IE10 지원이 필요한 경우 autoprefixer을 사용하여 공급 업체 접두사와 "2012"flexbox 구문을 스타일 시트에 추가 할 수 있습니다. 다시 말하지만, 어떤 종류의 빌드 도구를 사용하는 경우이 방법이 가장 효과적입니다.

출처

2016-09-06 23:06:32 Soviut

성능 문제는 무엇입니까? https://github.com/angular/material/issues/8329 나는 거대한 (요청하지 않은) 추가 작업을 더 많은 문제로 끝낼 위험을 감수하고 싶지 않습니다. – alfredopacino

눈에 띄는 성능 문제는 없습니다 플렉스 박스. 성능 문제를 일으킬 수있는 유일한 것은 polyfill이지만 Autoprefixer는 polyfill이 아니며 사전 처리기입니다. IE10에 필요한 추가 접두사가 추가됩니다. – Soviut

전반적인 성능 문제로 플렉스와 관련된 문제가 아닙니다. 어쨌든 대답에 감사드립니다. 몇 가지 더 자세히 설명해 드리겠습니다. - 모서리 재질에서 부모 전환을 수행하는 방법을 알고 있습니까? https : //material.google.com/patterns/navigational-transitions.html#navigational-transitions-parent-to-child - 어쩌면 내 레이아웃 (관리 대시 보드가 아닌 Google 트렌드 레이아웃과 같은 것)을 시작하기위한 빈 템플릿이있을 수 있습니까? – alfredopacino

UI 부트 스트랩 대 앵글 소재

답변

관련 문제