vueCli 配置样式前缀autoprefixer

image.png

1、安装postcss和autoprefixer

npm install postcss
npm install autoprefixer

2.在package.json文件修改 browserslist

  "browserslist": [
    "> 1%",
    "last 3 versions",
    "not ie <= 8",
    "chrome >= 14",
    "safari >= 3",
    "ios >= 8",
    "android >= 4.0"
  ]

3.在根目录新建postcss.config.js文件

module.exports = {
    plugins: {
        autoprefixer: {}
    }
}

5.重新启动

image.png