编程 Javascript

解决vue-cli 打包后自定义动画未执行的问题

Posted in Javascript onNovember 12, 2019

在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

自定义动画就会生效了

解决vue-cli 打包后自定义动画未执行的问题

以上这篇解决vue-cli 打包后自定义动画未执行的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

解决vue-cli 打包后自定义动画未执行的问题

- Author -

酸涩葡萄

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js parseInt("08")未指定进位制问题

Jun 19 Javascript

JavaScript中valueOf函数与toString方法深入理解

Dec 02 Javascript

JQuery中解决重复动画的方法

Oct 17 Javascript

JavaScript之DOM_动力节点Java学院整理

Jul 03 Javascript

JavaScript实现开关等效果

Sep 08 Javascript

微信小程序中添加客服按钮contact-button功能

Apr 27 Javascript

在JS循环中使用async/await的方法

Oct 12 Javascript

Vue-Router基础学习笔记(小结)

Oct 15 Javascript

JavaScript Math对象和调试程序的方法分析

May 13 Javascript

JS+DIV实现拖动效果

Feb 11 Javascript

nuxt 服务器渲染动态设置 title和seo关键字的操作

Nov 05 Javascript

Vant Weapp组件踩坑:picker的初始赋值解决

Nov 12 Javascript

vue transition 在子组件中失效的解决

Nov 12 #Javascript

vue+element导航栏高亮显示的解决方式

Nov 12 #Javascript

vue-element-admin 菜单标签失效的解决方式

Nov 12 #Javascript

Vue退出登录时清空缓存的实现

Nov 12 #Javascript

解决vue admin element noCache设置无效的问题

Nov 12 #Javascript

Vue2.0 实现页面缓存和不缓存的方式

Nov 12 #Javascript

Vue页面切换和a链接的本质区别详解

Nov 12 #Javascript