1. 程式人生 > >vue2.0專案CSS3動畫打包後動畫失效解決辦法

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"
  ]

完事!