vue2.0项目CSS3动画打包后动画失效解决办法

前言

vue2.0 + webpack做项目时，css3动画打包前正常，打包后失效

原因

vue-cli脚手架package.json配置文件里面对浏览器的版本做了css的前缀处理

"browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]
复制代码

意思是 只兼容主流浏览器的最新两个版本。

如果我们要兼容所有的就必须把这改成下面，就可以了。

"browserslist": [
    "> 1%",
    "last 5 versions",
    "Android >= 4.0",
    "not ie <= 8"
  ]
复制代码