编程 Javascript

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

Posted in Javascript onSeptember 18, 2018

webpack 打包后动画未执行，

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

解决：

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

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动画打包后失效问题的解决方法

- Author -

liuguochao1024

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

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 其他游戏