browserslist 目標瀏覽器配置表


為什么需要
根據提供的目標瀏覽器的環境來,智能添加css前綴,js的polyfill墊片,來兼容舊版本瀏覽器,而不是一股腦的添加。避免不必要的兼容代碼,以提高代碼的編譯質量。

共享使用browserslist的組件們:

組件名 功能
Autoprefixer postcss添加css前綴組件
bable-preset-env 編譯預設環境 智能添加polyfill墊片代碼
eslint-plugin-compat
stylelint-no-unsupported-browser-features
postcss-normalize
等等...

基礎語法: 只要package.json配置了browserslist對象,需要的組件將自動匹配到並使用,也可以配置到具體的組件參數上

{// package.json
  "browserslist": [ // 注意:是一個數組對象
    "> 1%",
    "last 2 versions"
  ] }

last 2 versions:CanIUse.com追蹤的IE最新版本為11,向后兼容兩個版本即為10、11
設置語法:通過瀏覽器過濾的思路實現
默認是兼容所有最新版本
例子 說明
在這里插入圖片描述

一般默認腳手架的配置:
在這里插入圖片描述


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM