在 vue 项目中,使用 autoprefixer -- CSS后处理器

以下是基于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'] })]

像这样:

在 vue 项目中,使用 autoprefixer -- CSS后处理器_第1张图片

然后,为了兼容大多数主流机型,在package.json里面找到 browserslist ,加上

 "iOS >= 8","Firefox >= 20","Android > 4.4"

我的是这样的

在 vue 项目中,使用 autoprefixer -- CSS后处理器_第2张图片

别忘了npm install postcss, npm install autoprefixer

大功告成

你可能感兴趣的:(CSS)