编程 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 相关文章推荐

5 cool javascript apps

Mar 24 Javascript

jquery ready函数源代码研究

Dec 06 Javascript

滚动图片效果 jquery实现回旋滚动效果

Jan 08 Javascript

js过滤HTML标签以及空格的思路及代码

May 24 Javascript

javascript实现playfair和hill密码算法

Dec 07 Javascript

JavaScript使用setTimeout实现延迟弹出警告框的方法

Apr 07 Javascript

Ext JS框架中日期函数的用法及日期选择控件的实现

May 21 Javascript

js初始化验证实例详解

Nov 26 Javascript

javascript 删除数组元素和清空数组的简单方法

Feb 24 Javascript

原生JS获取元素的位置与尺寸实现方法

Oct 18 Javascript

vue.js轮播图组件使用方法详解

Jul 03 Javascript

vue实现分页栏效果

Jun 28 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 XML操作的各种方法解析(比较详细)

2010/06/17 PHP

php运行出现Call to undefined function curl_init()的解决方法

2010/11/02 PHP

php绘图之生成饼状图的方法

2015/01/24 PHP

PHP命名空间namespace用法实例分析

2016/09/27 PHP

php中遍历二维数组并以表格的形式输出的方法

2017/01/03 PHP

php实现连接access数据库并转txt写入的方法

2017/02/08 PHP

基于socket.io和node.js搭建即时通信系统

2014/07/30 Javascript

jQuery的end()方法使用详解

2015/07/15 Javascript

JavaScript通过代码调用Flash显示的方法

2016/02/02 Javascript

实例讲解JavaScript中的this指向错误解决方法

2016/06/13 Javascript

JS模仿腾讯图片站的图片翻页按钮效果完整实例

2016/06/21 Javascript

BootStrap中Table分页插件使用详解

2016/10/09 Javascript

BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)

2016/12/01 Javascript

Bootstrap实现渐变顶部固定自适应导航栏

2020/08/27 Javascript

bootstrap table表格客户端分页实例

2017/08/07 Javascript

node.js实现为PDF添加水印的示例代码

2018/12/05 Javascript

详解vue几种主动刷新的方法总结

2019/02/19 Javascript

如何在微信小程序里面退出小程序的方法

2019/04/28 Javascript

JS绘图Flot应用图形绘制异常解决方案

2020/10/16 Javascript

[49:59]KG vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.15

2019/08/16 DOTA

Python之Scrapy爬虫框架安装及使用详解

2017/11/16 Python

对Python3中的input函数详解

2018/04/22 Python

Python玩转Excel的读写改实例

2019/02/22 Python

详解用python计算阶乘的几种方法

2019/08/14 Python

详解Django自定义图片和文件上传路径(upload_to)的2种方式

2020/12/01 Python

马来西亚时装购物网站：ZALORA马来西亚

2017/03/14 全球购物

无畏的旅行：Intrepid Travel

2017/12/20 全球购物

size?法国官网：英国伦敦的球鞋精品店

2020/03/15 全球购物

香港百佳网上超级市场：PARKNSHOP.com

2020/06/10 全球购物

工商管理专业实习大学生自我鉴定

2013/09/19 职场文书

英语教研活动总结

2014/07/02 职场文书

公司股东合作协议书

2014/09/14 职场文书

先进员工事迹材料

2014/12/20 职场文书

全民创业工作总结

2015/08/13 职场文书

Django Paginator分页器的使用示例

2021/06/23 Python

世界十大儿童漫画书排名，法国国宝漫画排第五，第二是轰动日本连环

2022/03/18 欧美动漫