iT邦幫忙

2024 iThome 鐵人賽

DAY 12
0
自我挑戰組

技術隨筆系列 第 12

瀏覽器支援度語法 - browserslist

  • 分享至 

  • xImage
  •  

Browserslist 瀏覽器支援性配置,用於定義應支援的瀏覽器和版本,並被 Autoprefixer、Babel 等工具使用,以確保代碼能在現代目標瀏覽器正常運行。它在如今多樣化的瀏覽器環境中,讓開發者能夠專注於優化相容性,提升開發效率並減少不必要的支援負擔。

說明

Browserslist 透過一個設定檔(通常命名為 .browserslistrc 或在 package.json 中的 browserslist 欄位)指定所支援的瀏覽器列表。這個列表可以用各種查詢來描述,例如 > 1%(市場佔有率超過 1% 的瀏覽器)、last 2 versions(最新的兩個版本)、not dead(不再更新的瀏覽器不支援)等。基於這些規則,工具會自動優化編譯、添加前綴、以及進行其他與瀏覽器相容性的調整,從而確保代碼能在設定的瀏覽器範圍內正常運作。

試試看

https://browsersl.ist/#q=defaults
https://browsersl.ist/#q=%3E+0.2%25+and+not+dead

why Browserslist?

Browserslist helps you keep the right balance between browser compatibility and bundle size. With Browserslist, you will cover wider audience and have smaller bundle size. (官網)

Browserslist 可協助您在瀏覽器相容性和套件大小之間保持適當的平衡。借助 Browserslist,您將覆蓋更廣泛的受眾並獲得更小的捆綁包大小。

參考資料


上一篇
安全性 UP - 避免 root 帳號打通關
下一篇
javascript 打包工具簡史
系列文
技術隨筆30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言