vue-cli build打包后CSS浏览器兼容前缀自动去除的问题

步骤一:在项目目录中运行(可以查看当前项目支持的浏览器列表)

npx browserslist

步骤二:在 package.json 中修改 browserslist ：(按照项目的兼容要求写)

"browserslist": [
  "> 1%",
  "last 2 versions",
  "last 10 Chrome versions",
  "last 5 Firefox versions",
  "Safari >= 6",
  "ie > 8"
]

问题原因:

打包的时候把CSS统一用一个插件给压缩了， autoprefixer 插件会针对支持的浏览器进行CSS 前缀的删除和追加。