Warunkowo załadowane polyfills

Question

Buduję stronę internetową, która moja grupa docelowa jest bardzo ogólna (w wieku 13-oo, więc cześć IE9, witam starą przeglądarkę dla Androida), więc potrzebuję polyfills dla niektórych rzeczy (viewport, calc itp). Zanim użyłem Modernizr i niektórych agentów użytkownika warunkowego do kierowania na IOS 6-7 itd. Następnie za pomocą yepnope.js ładowałem określone polyfills.

Po aktualizacji 3.0 jest zauważyłem, że Modernizr.load() jest przestarzałe. Również biblioteka yepnope.js jest przestarzała. Jak mówią na ich stronie

„Są nowe najlepsze praktyki, które należy przestrzegać prawdopodobnie zamiast”.

Ale nie mogę znaleźć żadnego z nich. Po starcie przez jakiś czas wszyscy polecają Modernizr i Yepnope. Ale ten problem jest tak świeży (wycofanie, nowa wersja Modernizr) i nie mogę znaleźć żadnej nowej alternatywnej metody.

Może przy użyciu niektórych modułów loader (jak require.js) będzie wykonywać zadanie? A jeśli tak, to w jaki sposób?

Answer 1

z yepnope repo

Jeśli chodzi o ładowanie rzeczy warunkowo, sugerujemy wyjście kompilacji dla każdej kombinacji rzeczy testujesz. Ten może brzmieć tak, jakby wygenerował wiele plików (może), ale komputery są w tym całkiem dobre. Następnie możesz wstawić skrypt do swojej strony, która tylko ładuje (asynchronicznie!) Pojedynczy zbudowany skrypt, który jest dostrojony do funkcji tego użytkownika. Wszystkie wygrane wydajności z obciążeniem warunkowym i żadnymi problemami związanymi z opóźnieniem ładowania rzeczy od razu do 100 .

Answer 2

Spędziłem mój poranek sam się nad tym zastanawiając. Możesz użyć jQuery's getScript method. Właśnie odpowiedziałem na podobne pytanie: https://stackoverflow.com/a/34518146/411436

Answer 3

Utrzymuję usługę polyfill pod numerem https://cdn.polyfill.io, która może spełnić Twoje potrzeby. Mamy bibliotekę około 800 polyfills, które są pakowane selektywnie i podawane tylko użytkownikom, którzy ich potrzebują. Możesz uruchomić usługę samodzielnie lub po prostu załadować polyfills z naszego CDN.

Answer 4

Najbardziej wszechstronną recenzją, jaką widziałem w tej technice, jest praca Philipa Waltona Loading Polyfills Only When Needed. Zbyt długie cytowanie tutaj jakichkolwiek części powinno być przeczytane w całości, więc nie będę kopiować/wklejać sekcji w tej odpowiedzi.