vue動畫打包后失效怎么辦

發(fā)布時(shí)間：2021-07-12 14:42:58 來源：億速云閱讀：363 作者：小新欄目：web開發(fā)

這篇文章主要介紹了vue動畫打包后失效怎么辦，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

webpack 打包后動畫未執(zhí)行，

就是npm run build后在dist中生成的項(xiàng)目中動畫未生效

解決：

找到build文件夾中得vue-loader.conf.js,把extract的值改為false---如圖

vue動畫打包后失效怎么辦

下面看下vue-cli 打包后自定義動畫未執(zhí)行的解決方法

在vue項(xiàng)目中，想實(shí)現(xiàn)無縫向上滾動的自定義動畫效果

webpack 打包后動畫未執(zhí)行，就是你npm run build生成的dist中動畫未生效

@-webkit-keyframes move { 0%{ top:0; } 100% { top:-500px; } }

解決方法：在vue項(xiàng)目中找到build文件夾下的vue-loader.conf.js，將extract：isProduction 改為extract：false

自定義動畫就會生效了

vue動畫打包后失效怎么辦

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“vue動畫打包后失效怎么辦”這篇文章對大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

猜你喜歡