解决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 打包后自定义动画未执行的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js实现权限树的更新权限时的全选全消功能
Feb 17 Javascript
Javascript 定时器调用传递参数的方法
Nov 12 Javascript
jquery ajax jsonp跨域调用实例代码
Dec 11 Javascript
javascript中使用正则计算中文长度的例子
Apr 29 Javascript
判断JS对象是否拥有某属性的方法推荐
May 12 Javascript
bootstrap datepicker限定可选时间范围实现方法
Sep 28 Javascript
对于js垃圾回收机制的理解
Sep 14 Javascript
微信小程序实现点击按钮修改view标签背景颜色功能示例【附demo源码下载】
Dec 06 Javascript
vue 之 .sync 修饰符示例详解
Apr 21 Javascript
微信小程序开发之路由切换页面重定向问题
Sep 18 Javascript
使用layer模态框给新页面传值的方法
Sep 27 Javascript
JavaScript语句错误throw、try及catch实例解析
Aug 18 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
You might like
php实现的MySQL通用查询程序
2007/03/11 PHP
ajax php传递和接收变量实现思路及代码
2012/12/19 PHP
PHP中CURL方法curl_setopt()函数的参数分享
2013/01/19 PHP
PHP模板引擎Smarty的缓存使用总结
2014/04/24 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(一)
2014/06/23 PHP
JavaScript DOM学习第四章 getElementByTagNames
2010/02/19 Javascript
JavaScript 继承机制的实现(待续)
2010/05/18 Javascript
js滚动条回到顶部的代码
2011/12/06 Javascript
通过上下左右键和回车键切换光标实现代码
2013/03/08 Javascript
JS实现页面超时后自动跳转到登陆页面
2015/01/19 Javascript
svg动画之动态描边效果
2017/02/22 Javascript
推荐三款不错的图片压缩上传插件(webuploader、localResizeIMG4、LUploader)
2017/04/21 Javascript
Node.js实现发送邮件功能
2017/11/06 Javascript
Vue按需加载的具体实现
2017/12/02 Javascript
JavaScript的数据类型转换原则(干货)
2018/03/15 Javascript
Element Input组件分析小结
2018/10/11 Javascript
微信小程序上传多图到服务器并获取返回的路径
2019/05/05 Javascript
webpack proxy 使用(代理的使用)
2020/01/10 Javascript
JavaScript异步操作的几种常见处理方法实例总结
2020/05/11 Javascript
vue-cli单页面预渲染seo-prerender-spa-plugin操作
2020/08/10 Javascript
python实现数据分析与建模
2019/07/11 Python
通过实例简单了解Python中yield的作用
2019/12/11 Python
python 操作hive pyhs2方式
2019/12/21 Python
Python文件读写w+和r+区别解析
2020/03/26 Python
Python GUI编程学习笔记之tkinter界面布局显示详解
2020/03/30 Python
python输入一个水仙花数(三位数) 输出百位十位个位实例
2020/05/03 Python
python 检测图片是否有马赛克
2020/12/01 Python
修复iPhone的safari浏览器上submit按钮圆角bug
2012/12/24 HTML / CSS
日本7net购物网:书籍、漫画、杂志、DVD、游戏邮购
2017/02/17 全球购物
Shopty西班牙:缝纫机在线销售
2018/01/26 全球购物
通用自荐信范文
2014/03/14 职场文书
《宋庆龄故居的樟树》教学反思
2014/04/07 职场文书
合伙经营协议书
2014/04/18 职场文书
人力资源管理专业应届生求职信
2014/04/24 职场文书
工作态度怎么写
2015/06/25 职场文书
攻略丨滑雪究竟该选哪款对讲机?
2022/02/18 无线电