解决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中创建对象和继承示例解读
Feb 12 Javascript
Jquery搜索父元素操作方法
Feb 10 Javascript
JS日期加减,日期运算代码
Nov 05 Javascript
总结在前端排序中遇到的问题
Jul 19 Javascript
JavaScript中省略元素对数组长度的影响
Oct 26 Javascript
js控制文本框禁止输入特殊字符详解
Apr 07 Javascript
JavaScript Canvas绘制圆形时钟效果
Aug 20 Javascript
使用JS获取页面上的所有标签
Oct 18 Javascript
js html实现计算器功能
Nov 13 Javascript
mpvue实现微信小程序快递单号查询代码
Apr 03 Javascript
vue制作抓娃娃机的示例代码
Apr 17 Javascript
vue实现五子棋游戏
May 28 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版(3)
2006/10/09 PHP
使PHP自定义函数返回多个值
2006/11/26 PHP
PHP实现的mysql主从数据库状态检测功能示例
2017/07/20 PHP
PHP程序员学习使用Swoole的理由
2018/06/24 PHP
php实现商城购物车的思路和源码分析
2020/07/23 PHP
Javascript的常规数组和关联数组对比小结
2012/05/24 Javascript
让图片旋转任意角度及JQuery插件使用介绍
2013/03/20 Javascript
node.js Web应用框架Express入门指南
2014/05/28 Javascript
jQuery基础知识小结
2014/12/22 Javascript
使用Promise解决多层异步调用的简单学习心得
2016/05/17 Javascript
node.js 中国天气预报 简单实现
2016/06/06 Javascript
JS及PHP代码编写八大排序算法
2016/07/12 Javascript
js实现九宫格拼图小游戏
2017/02/13 Javascript
微信小程序 页面跳转如何实现传值
2017/04/05 Javascript
JS实现模糊查询带下拉匹配效果
2018/06/21 Javascript
利用JS动态生成隔行换色HTML表格的两种方法
2018/10/09 Javascript
Vue动态加载异步组件的方法
2018/11/21 Javascript
vue移动端模态框(可传参)的实现
2019/11/20 Javascript
Python实现根据指定端口探测服务器/模块部署的方法
2014/08/25 Python
python开发之list操作实例分析
2016/02/22 Python
python 2.6.6升级到python 2.7.x版本的方法
2016/10/09 Python
python版本坑:md5例子(python2与python3中md5区别)
2017/06/20 Python
python实现提取str字符串/json中多级目录下的某个值
2020/02/27 Python
Python发送手机动态验证码代码实例
2020/02/28 Python
如何对python的字典进行排序
2020/06/19 Python
用opencv给图片换背景色的示例代码
2020/07/08 Python
Python 实现微信自动回复的方法
2020/09/11 Python
python+opencv3.4.0 实现HOG+SVM行人检测的示例代码
2021/01/28 Python
css3之UI元素状态伪类选择器实例演示
2017/08/11 HTML / CSS
化学相关工作求职信
2013/10/02 职场文书
安全标语口号
2014/06/09 职场文书
医学专业大学生求职信
2014/07/12 职场文书
2016年“抗战胜利纪念日”71周年校园广播稿
2015/12/18 职场文书
小学体育跳绳课教学反思
2016/02/16 职场文书
大学生党员暑假实践(活动总结)
2019/08/21 职场文书
Spring Security动态权限的实现方法详解
2022/06/16 Java/Android