autoprefixer不起做用的坑

概述

今天同事說，nuxt.js的項目好像沒有自動加前綴，我花了很長時間查找緣由，最後終於發現，原來是沒有加.browserslistrc文件。。。記錄下來，供之後開發時參考，相信對其餘人也有用。

browserslistrc

Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env

browserslist的做用如上面所示，是用來定義須要支持的瀏覽器範圍的，它在不少前端工具中都有做用，好比Autoprefixer、Stylelint和babel-preset-env。

autoprefixer

autoprefixer 官網明確指出，這個插件須要使用browserslistrc來工做，而配置browserslistrc有2種方式，一種是使用.browserslistrc文件，另外一種是直接在package.json裏面配置。