package.json之browserslist

在我們用vue腳手架搭建的項目中，我們可以看到package.json中有一個字段

"browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]

那么什么是browserslist？它的作用是什么？這就是本文即將敘述的，如有不對的地方，請斧正。

browserlist

browserlist是一個前端項目配置工具，功能是在前端工具之間共享目標環境的瀏覽信息
The config to share target browsers and Node.js versions between different front-end tools.

在前端項目中，我們會用Babel來轉換ES6語法，用AutoPrefixer，PostCss來處理cssNext語法，使用ESLint來保證代碼質量和規范。所以在前端項目中一般會用到以下工具

• AutoPrifixer
• Babel
• postcss-preset-env
• postcss-normalize
• eslist的eslint-plugin-compat
• styleLint的stylelint-no-unsupported-browser-features

這些工具會根據配置的目標瀏覽器環境來決定使用那些策略來處理你的源代碼。

參考文章
browserlist
browserlist