vue项目中 -webkit-box-orient: vertical 打包后丢失解决办法

vue项目中关于CSS样式【-webkit-box-orient: vertical】打包后丢失问题

使用vue-cli构建的项目在打包之后，-webkit-box-orient: vertical 会丢失，还有包括使用flex布局进行兼容性hack写法的一些属性，如:

#app{
    display: -webkit-flex;
    display: -moz-box;
    -webkit-box-direction: normal;
    -webkit-align-items: center;
}

在本地开发环境运行都没问题，一旦打包以后就会丢失。

解决办法：

在package.json文件中进行如下修改：

"browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8",
    "iOS >= 6",
    "Android > 4.1",
    "Firefox > 20"
  ]

这样postcss在处理的时候就会自动加上兼容对应浏览器版本的一些属性。