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


Posted in Javascript onSeptember 18, 2018

webpack 打包后动画未执行,

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

解决:

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

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

下面看下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

自定义动画就会生效了

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

Javascript 相关文章推荐
几行代码轻松搞定jquery实现flash8类似的连接效果
May 03 Javascript
JavaScript 利用StringBuffer类提升+=拼接字符串效率
Nov 24 Javascript
高效的表格行背景隔行变色及选定高亮的JS代码
Dec 04 Javascript
页面刷新时记住滚动条的位置jquery代码
Jun 17 Javascript
JavaScript判断变量是对象还是数组的方法
Aug 28 Javascript
jquery中键盘事件小结
Feb 24 Javascript
jquery实现列表上下移动功能
Feb 25 Javascript
Bootstrap每天必学之级联下拉菜单
Mar 27 Javascript
原生javascript实现的全屏滚动功能示例
Sep 19 Javascript
JavaScript实现多重继承的方法分析
Jan 09 Javascript
Javascript的this详解
Mar 23 Javascript
react-native 实现购物车滑动删除效果的示例代码
Jan 15 Javascript
vue自定义全局共用函数详解
Sep 18 #Javascript
vue-自定义组件传值的实例讲解
Sep 18 #Javascript
vuex actions传递多参数的处理方法
Sep 18 #Javascript
微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤
Sep 18 #Javascript
详解关于Vue2.0路由开启keep-alive时需要注意的地方
Sep 18 #Javascript
Vue中 key keep-alive的实现原理
Sep 18 #Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
Sep 18 #Javascript
You might like
php多种形式发送邮件(mail qmail邮件系统 phpmailer类)
2014/01/22 PHP
php时间戳转换的示例
2014/03/31 PHP
PHP curl CURLOPT_RETURNTRANSFER参数的作用使用实例
2015/02/07 PHP
微信公众平台开发教程③ PHP实现微信公众号支付功能图文详解
2019/04/10 PHP
laravel框架中控制器的创建和使用方法分析
2019/11/23 PHP
PhpStorm2020 + phpstudyV8 +XDebug的教程详解
2020/09/17 PHP
js 手机号码合法性验证代码集合
2012/09/29 Javascript
jQuery+ajax实现动态执行脚本的方法
2015/01/27 Javascript
每天一篇javascript学习小结(属性定义方法)
2015/11/19 Javascript
Bootstrap表单组件教程详解
2016/04/26 Javascript
js原生实现FastClick事件的实例
2016/11/20 Javascript
Vue.js计算属性computed与watch(5)
2016/12/09 Javascript
微信小程序之网络请求简单封装实例详解
2017/06/28 Javascript
判断jQuery是否加载完成,没完成继续判断的解决方法
2017/12/06 jQuery
jQuery中each方法的使用详解
2018/03/18 jQuery
详解JavaScript函数callee、call、apply的区别
2019/03/08 Javascript
vue中的mescroll搜索运用及各种填坑处理
2019/10/30 Javascript
javascript实现评分功能
2020/06/24 Javascript
Python的Django框架中模板碎片缓存简介
2015/07/24 Python
用Python一键搭建Http服务器的方法
2018/06/01 Python
tensorflow实现加载mnist数据集
2018/09/08 Python
如何使用pandas读取txt文件中指定的列(有无标题)
2020/03/05 Python
Keras: model实现固定部分layer,训练部分layer操作
2020/06/28 Python
西班牙最大的在线滑板和街头服饰商店:Fillow.net
2019/04/15 全球购物
杭州联环马网络笔试题面试题
2013/08/04 面试题
什么是Smart Navigation?
2016/07/03 面试题
描述JSP和Servlet的区别、共同点、各自应用的范围
2012/10/02 面试题
外贸主管求职简历的自我评价
2013/10/23 职场文书
全运会口号
2014/06/20 职场文书
建筑施工安全责任书
2014/07/24 职场文书
个人收入证明模板
2014/09/18 职场文书
授权委托书样本及填写说明
2014/09/19 职场文书
2015年度个人工作总结报告
2015/10/24 职场文书
python基础之文件操作
2021/10/24 Python
使用jpa之动态插入与修改(重写save)
2021/11/23 Java/Android
《游戏王:大师决斗》新活动上线 若无符合卡组可免费租用
2022/04/13 其他游戏