解决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 相关文章推荐
利用javascript移动div层-javascript 拖动层
Mar 22 Javascript
js 动态选中下拉框
Nov 26 Javascript
用javascript模仿ie的自动完成类似自动完成功的表单
Dec 12 Javascript
JS判断客户端是手机还是PC的2个代码
Apr 12 Javascript
AngularJs $parse、$eval和$observe、$watch详解
Sep 21 Javascript
vue-cli webpack 开发环境跨域详解
May 18 Javascript
浅谈vue中数据双向绑定的实现原理
Sep 14 Javascript
vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
Nov 28 Javascript
vue.js的computed,filter,get,set的用法及区别详解
Mar 08 Javascript
Vue+axios实现统一接口管理的方法
Jul 23 Javascript
ES6中let、const的区别及变量的解构赋值操作方法实例分析
Oct 15 Javascript
vue element 关闭当前tab 跳转到上一路由操作
Jul 22 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
Apache, PHP在Windows 9x/NT下的安装与配置 (一)
2006/10/09 PHP
php 读取文件头判断文件类型的实现代码
2013/08/05 PHP
php导出csv数据在浏览器中输出提供下载或保存到文件的示例
2014/04/24 PHP
thinkphp数据查询和遍历数组实例
2014/11/28 PHP
详谈php静态方法及普通方法的区别
2016/10/04 PHP
php 无限分类 树形数据格式化代码
2016/10/11 PHP
PHP+Ajax实现上传文件进度条动态显示进度功能
2018/06/04 PHP
php新建文件的方法实例
2019/09/26 PHP
Hutia 的 JS 代码集
2006/10/24 Javascript
js继承 Base类的源码解析
2008/12/30 Javascript
javascript 表格排序和表头浮动效果(扩展SortTable)
2009/04/07 Javascript
node.js中的events.EventEmitter.listenerCount方法使用说明
2014/12/08 Javascript
基于jQuery实现自动轮播旋转木马特效
2015/11/02 Javascript
js实现可控制左右方向的无缝滚动效果
2016/05/29 Javascript
浅析Javascript中双等号(==)隐性转换机制
2017/10/27 Javascript
基于vue.js快速搭建图书管理平台
2017/10/29 Javascript
去掉vue 中的代码规范检测两种方法(Eslint验证)
2018/03/21 Javascript
深入了解javascript 数组的sort方法
2018/06/01 Javascript
koa+jwt实现token验证与刷新功能
2019/05/30 Javascript
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&平移轮播效果
2019/08/16 Javascript
Node.js API详解之 net模块实例分析
2020/05/18 Javascript
Vue组件跨层级获取组件操作
2020/07/27 Javascript
JavaScript常用进制转换及位运算实例解析
2020/10/14 Javascript
[01:17]Ti4 循环赛第一日回顾
2014/07/11 DOTA
python 基础学习第二弹 类属性和实例属性
2012/08/27 Python
python爬取网页内容转换为PDF文件
2020/07/28 Python
H5离线存储Manifest原理及使用
2020/04/28 HTML / CSS
英国在线汽车和面包车零件商店:Car Parts 4 Less
2018/08/15 全球购物
英国文具、办公用品和科技商店:Ryman
2018/09/27 全球购物
教育项目合作协议书格式
2014/10/17 职场文书
婚宴邀请函
2015/01/30 职场文书
展览会邀请函
2015/02/02 职场文书
反邪教警示教育活动总结
2015/05/09 职场文书
2015个人年度工作总结范文
2015/05/28 职场文书
redis requires ruby version2.2.2的解决方案
2021/07/15 Redis
go开发alertmanger实现钉钉报警
2021/07/16 Golang