Vue中使用Autoprefixer自动添加样式前缀
自动加前缀的样式，真的是前端开发的省心利器。尤其你在搞 Vue 项目的时候，用上 autoprefixer 配合 webpack，基本不用手动加那些 -webkit-、-moz- 这些前缀了，效率直接翻倍。
搭配 vue-cli 的项目，安装起来也不复杂：命令行里敲一句 npm install autoprefixer postcss-loader -D 就能装上。嗯，装完后别忘了去改一下 vue-loader 的配置，路径在 /build/vue-loader 里，找到 postcss 部分，加上 autoprefixer 的配置就行了。
用这个的好处嘛，不光是省事，样式的兼容性也更有保障。比如你写个 display: flex，打包完后它自动帮你加上老版本浏览器需要的 display: -webkit-flex，省去来回查资料的麻烦，项目上线更放心。
如果你对 vue-cli 的配置还不太熟，可以参考下面这些链接，里面讲得还挺详细：
如果你团队也在用 Vue 做项目，又想让样式兼容不用操心，不妨现在就把 autoprefixer 加进来，省事又靠谱。
文件大小：36.69KB
评论区