vue动画打包后失效问题的解决方法

这篇文章主要为大家详细介绍了vue动画打包后失效问题的解决方法，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

webpack 打包后动画未执行，

就是npm run build后在dist中生成的项目中动画未生效

解决：

找到build文件夹中 得vue-loader.conf.js,把extract的值改为false---如图

【图片暂缺】【图片暂缺】

 

下面看下vue-cli 打包后自定义动画未执行的解决方法

 

在vue项目中，想实现无缝向上滚动的自定义动画效果

webpack 打包后动画未执行，就是你npm run build生成的dist中动画未生效

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

解决方法：在vue项目中找到build文件夹下的vue-loader.conf.js，将extract：isProduction  改为extract：false

自定义动画就会生效了

【图片暂缺】

本文来自：http://www.q1010.com/184/6210-0.html

注：关于vue动画打包后失效问题的解决方法的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js