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里面配置。