為什麼需要：根據提供的目標瀏覽器的環境來，智慧新增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設定語法：通過瀏覽器過濾的思路實現預設是相容所有最新版本例子 說明
一般預設腳手架的配置：