解决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 相关文章推荐
jQuery checkbox全选/取消全选实现代码
Nov 14 Javascript
extjs表格文本启用选择复制功能具体实现
Oct 11 Javascript
js对图片base64编码字符串进行解码并输出图像示例
Mar 17 Javascript
Javascript基础教程之JavaScript语法
Jan 18 Javascript
JS实现为排序好的字符串找出重复行的方法
Mar 02 Javascript
有关JavaScript中call()和apply() 的一些理解
May 20 Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
Sep 05 Javascript
angularjs使用directive实现分页组件的示例
Feb 07 Javascript
详解用webpack2搭建angular2的项目
Jun 22 Javascript
JavaScript实现图片切换效果
Aug 12 Javascript
详解Vue.js项目API、Router配置拆分实践
Mar 16 Javascript
jQuery控制input只能输入数字和两位小数的方法
May 16 jQuery
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
DedeCMS dede_channeltype表字段注释
2010/04/07 PHP
ThinkPHP3.1之D方法实例详解
2014/06/20 PHP
thinkphp3.x自定义Action、Model及View的简单实现方法
2016/05/19 PHP
PHP实现上传图片到 zimg 服务器
2016/10/19 PHP
js创建元素(节点)示例
2014/01/02 Javascript
JavaScript获得url所有参数键值表的方法
2015/03/21 Javascript
jQuery延迟加载图片插件Lazy Load使用指南
2015/03/25 Javascript
浅谈JavaScript中的Math.atan()方法的使用
2015/06/14 Javascript
bootstrap datepicker限定可选时间范围实现方法
2016/09/28 Javascript
JQuery页面随滚动条动态加载效果的简单实现(推荐)
2017/02/08 Javascript
图文详解Javascript中的上下文和作用域
2017/02/15 Javascript
Javascript仿京东放大镜的效果
2017/03/01 Javascript
详解JS异步加载的三种方式
2017/03/07 Javascript
详解Vue2 无限级分类(添加,删除,修改)
2017/03/07 Javascript
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
2017/03/30 Javascript
基于代数方程库Algebra.js解二元一次方程功能示例
2017/06/09 Javascript
JS路由跳转的简单实现代码
2017/09/21 Javascript
微信小程序 wepy框架与iview-weapp的用法详解
2019/04/10 Javascript
uploadify插件实现多个图片上传并预览
2019/09/30 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
2019/11/26 jQuery
[05:08]第一届“网鱼杯”DOTA2比赛精彩集锦
2014/09/05 DOTA
Python3基础之函数用法
2014/08/13 Python
教你用Python脚本快速为iOS10生成图标和截屏
2016/09/22 Python
使用python实现语音文件的特征提取方法
2019/01/09 Python
python实现DEM数据的阴影生成的方法
2019/07/23 Python
Pytorch实现基于CharRNN的文本分类与生成示例
2020/01/08 Python
从0到1使用python开发一个半自动答题小程序的实现
2020/05/12 Python
python 窃取摄像头照片的实现示例
2021/01/08 Python
HTML5 embed标签定义和用法详解
2014/05/09 HTML / CSS
导出HTML5 Canvas图片并上传服务器功能
2019/08/16 HTML / CSS
泰国汽车、火车和轮渡票预订网站:Bus Online Ticket
2017/09/09 全球购物
澳大利亚领先的时尚内衣零售商:Bras N Things
2020/07/28 全球购物
村委会贫困证明范本
2014/09/17 职场文书
调任通知
2015/04/21 职场文书
先进教师个人主要事迹材料
2015/11/03 职场文书
使用Golang的channel交叉打印两个数组的操作
2021/04/29 Golang