在 vue 项目中,使用 autoprefixer
2018-01-08 本文已影响640人
景阳冈大虫在此
autoprefixer,我理解吧,就是自动补全css前缀的东西,那如何在使用了vue-cli脚手架的时候使用这个插件呢?以下是基于webpack项目下的解决方案,参考了:https://segmentfault.com/q/1010000009043539/
在 项目名/build/webpack.base.conf.js 里加上
const autoprefixer=require("autoprefixer")
postcss:[require('autoprefixer')({ browsers: ['last 10 Chrome versions', 'last 5 Firefox versions', 'Safari >= 6', 'ie> 8'] })]
像这样:
![](https://img.haomeiwen.com/i7792325/18a210ce24f39692.png)
别忘了npm install postcss, npm install autoprefixer
大功告成