[2026-03-27] Czy wiesz, czym jest i jak działa Browserslist?#278
[2026-03-27] Czy wiesz, czym jest i jak działa Browserslist?#278
Conversation
| --- | ||
| layout: post | ||
| title: "Czy wiesz, czym jest i jak działa Browserslist?" | ||
| date: 2026-03-16T08:00:00+01:00 |
| last 5 iOS major versions | ||
| ``` | ||
|
|
||
| Każda linia to informacja o **wspieraniu** (albo wykluczaniu) konkretnych przeglądarek/urządzeń. |
There was a problem hiding this comment.
wrzuciłeś "(albo wykluczaniu)" w nawias, ale wykluczanie w tym pliku jest tak samo ważne jak wspieraniu
|
|
||
| Oznacza: przeglądarki, które mają **ponad 0,5% udziału w rynku**. | ||
|
|
||
| Te dane nie pochodzą z Twoich statystyk. Są agregowane z różnych źródeł i udostępniane przez Can I Use. |
There was a problem hiding this comment.
"Te dane nie pochodzą z Twoich statystyk" jakich moich statystyk? xD
|
|
||
| Oznacza: zostawia **tylko 5 ostatnich głównych wersji iOS**. | ||
|
|
||
| Słowo kluczowe `major` jest tu ważne. Bez niego (`last 5 iOS versions`) wynik mógłby obejmować „punktowe” wersje, np. `26.2`, `26.1`, `26.0`, `18.7`, `18.6` — czyli niekoniecznie to, co masz na myśli, kiedy mówisz „5 ostatnich wersji”. |
There was a problem hiding this comment.
major czyli które? zniknął przykład
| last 5 iOS major versions | ||
| ``` | ||
|
|
||
| Każda linia to informacja o **wspieraniu** konkretnych przeglądarek/urządzeń. |
There was a problem hiding this comment.
teraz w ogólnie nie ma info o wykluczaniu czegokolwiek xD
|
|
||
| ### > 0.5% | ||
|
|
||
| Oznacza: przeglądarki, które mają **ponad 0,5% udziału w rynku**. |
There was a problem hiding this comment.
zniknęły informacje skąd brane są dane
| z jednej strony, po jego otwarciu wiadomo, co jest jego treścią, ale z drugiej strony, po co on jest? | ||
| Kto z niego korzysta i na co wpływają dokonywane w nim zmiany? | ||
|
|
||
| Browserslist to **konfiguracja**, z której czytają inne narzędzia i na jej podstawie podejmują decyzje ważne najczęściej **na etapie kompilacji**. |
There was a problem hiding this comment.
te "ważne" wydaje się trochę wrzucone z czapy na środku, nie lepiej -> podejmują decyzje najczęściej związane z na etapem kompilacji?
| - angular | ||
| --- | ||
|
|
||
| Od czasu do czasu każda osoba pracująca nad frontendem natrafia na plik o nazwie `browserslist`. Jest mało intuicyjny: |
There was a problem hiding this comment.
może:
"Na pierwszy rzut oka jego zawartość jest czytelna, ale pojawia się pytanie: po co on właściwie istnieje? Kto z niego korzysta i jakie skutki mają wprowadzane w nim zmiany?"
| Kto z niego korzysta i na co wpływają dokonywane w nim zmiany? | ||
|
|
||
| ## Czym jest Browserslist? | ||
| Browserslist to **konfiguracja**, z której czytają inne narzędzia i na jej podstawie podejmują decyzje najczęściej związane z **etapem kompilacji**. |
There was a problem hiding this comment.
Browserslist to konfiguracja, z której korzystają inne narzędzia i na jej podstawie podejmują decyzje, najczęściej dotyczące etapu kompilacji.
Przykładowo może określać:
|
|
||
| ## Przykładowy plik browserslist | ||
| Przejdźmy teraz do tego, jak wygląda przykładowy plik konfiguracyjny i omówmy sobie, z czego się składa. | ||
| Poniżej przykład konfiguracji z często spotykanymi parametrami: |
There was a problem hiding this comment.
Poniżej znajduje się przykład (...)
| Każda linia pliku to informacja o wspieraniu lub niewspieraniu konkretnych urządzeń i przeglądarek. | ||
|
|
||
| ## Omówienie linia po linii | ||
| Przejdźmy sobie po każdym wpisie i wyjaśnijmy, co on oznacza: |
There was a problem hiding this comment.
Przejdźmy przez każdy z wpisów i wyjaśnijmy (...)
| Przejdźmy sobie po każdym wpisie i wyjaśnijmy, co on oznacza: | ||
|
|
||
| ### last 2 versions | ||
| Są to dwie ostatnie wersje każdej wspieranej przeglądarki. Na przykład dla chrome są to wersje 144 i 143. |
There was a problem hiding this comment.
Dla Google Chrome oznacza to aktualnie wersje 144 i 143.
| ### not dead | ||
| Wyklucza przeglądarki, które nie były aktualizowane przez ostatnie dwa lata. | ||
| ### last 5 iOS major versions | ||
| Wyklucza wszystko z wyjątkiem 5 ostatnich wersji systemu iOS, czyli od 15 do 26 (w numerach wersji był przeskok). |
There was a problem hiding this comment.
(...) czyli od 15 do 26, uwzględniając przeskoki w numeracji kolejnych wersji.
| Wyklucza przeglądarki, które nie były aktualizowane przez ostatnie dwa lata. | ||
| ### last 5 iOS major versions | ||
| Wyklucza wszystko z wyjątkiem 5 ostatnich wersji systemu iOS, czyli od 15 do 26 (w numerach wersji był przeskok). | ||
| Jeżeli byśmy nie umieścili w parametrze major (czyli last 5 iOS versions), to wynikiem byłyby wersje: 26.2, 26.1, 26.0, 18.7, 18.6. |
There was a problem hiding this comment.
Jeżeli nie umieścilibyśmy tej informacji w parametrze major (last 5 iOS major versions), to wynikiem byłyby wersje: 26.2, 26.1, 26.0, 18.7, 18.6.
|
|
||
| ## Angular 20 i plik .browserslistrc | ||
|
|
||
| Warto jeszcze wspomnieć, że od wersji Angulara 20 pojawił się nowy plik o nazwie `.browserslistrc` o podobnej roli. |
There was a problem hiding this comment.
Warto jeszcze wspomnieć o tym, że od wersji Angulara 20 pojawił się nowy plik o nazwie .browserslistrc, który pełni podobną rolę.
No description provided.