解决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 多浏览器分别判断代码
Apr 01 Javascript
浅析JavaScript基本类型与引用类型
May 28 Javascript
在linux中使用包管理器安装node.js
Mar 13 Javascript
简介JavaScript中Math.LOG10E属性的使用
Jun 14 Javascript
基于JS实现EOS隐藏错误提示层代码
Apr 25 Javascript
AngularJS中的DOM操作用法分析
Nov 04 Javascript
vue 2.0组件与v-model详解
Mar 27 Javascript
详解Node.js 命令行程序开发教程
Jun 07 Javascript
vue 实现模糊检索并根据其他字符的首字母顺序排列
Sep 19 Javascript
微信小程序和H5页面间相互跳转代码实例
Sep 19 Javascript
Vue状态模式实现窗口停靠功能(灵动、自由, 管理后台Admin界面)
Mar 06 Javascript
js正则表达式简单校验方法
Jan 03 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排序之二维数组的按照字母排序实现代码
2011/08/13 PHP
thinkPHP分组后模板无法加载问题解决方法
2016/07/12 PHP
XAMPP升级PHP版本实现步骤解析
2020/09/04 PHP
JavaScript与DropDownList 区别分析
2010/01/01 Javascript
jQuery隔行变色与普通JS写法的对比
2013/04/21 Javascript
轻松创建nodejs服务器(10):处理上传图片
2014/12/18 NodeJs
Javascript非构造函数的继承
2015/04/27 Javascript
yui3的AOP(面向切面编程)和OOP(面向对象编程)
2015/05/01 Javascript
javascript实现table表格隔行变色的方法
2015/05/13 Javascript
跟我学习javascript的浮点数精度
2015/11/16 Javascript
Bootstrap入门书籍之(五)导航条、分页导航
2016/02/17 Javascript
Easyui Treegrid改变默认图标的方法
2016/04/29 Javascript
BootStrap扔进Django里的方法详解
2016/05/13 Javascript
输入法的回车与消息发送快捷键回车的冲突解决方法
2016/08/09 Javascript
JavaScript实现的CRC32函数示例
2016/11/23 Javascript
ajax请求+vue.js渲染+页面加载的示例
2018/02/11 Javascript
JS实现520 表白简单代码
2018/05/21 Javascript
Vue 3自定义指令开发的相关总结
2021/01/29 Vue.js
[44:04]OG vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
[46:20]DOTA2-DPC中国联赛 正赛 PSG.LGD vs LBZS BO3 第二场 1月22日
2021/03/11 DOTA
python删除过期log文件操作实例解析
2018/01/31 Python
python实现微信小程序自动回复
2018/09/10 Python
pygame游戏之旅 添加碰撞效果的方法
2018/11/20 Python
python矩阵的转置和逆转实例
2018/12/12 Python
深入解析Python小白学习【操作列表】
2019/03/23 Python
Python内置加密模块用法解析
2019/11/25 Python
opencv python 图片读取与显示图片窗口未响应问题的解决
2020/04/24 Python
Python 爬虫的原理
2020/07/30 Python
python 基于opencv操作摄像头
2020/12/24 Python
使用SVG实现提示框功能的示例代码
2020/06/05 HTML / CSS
电子商务专员岗位职责
2013/12/11 职场文书
秘书行业自我鉴定范文
2013/12/30 职场文书
食堂个人先进事迹
2014/01/22 职场文书
节能环保家庭事迹材料
2014/08/27 职场文书
个性发展自我评价2015
2015/03/09 职场文书
Flutter Navigator 实现路由传递参数
2022/04/22 Java/Android