為什么需要:
根據提供的目標瀏覽器的環境來,智能添加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
設置語法:通過瀏覽器過濾的思路實現
默認是兼容所有最新版本
例子 說明
一般默認腳手架的配置: