解决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 编程引入命名空间的方法
Jun 29 Javascript
js与jQuery 获取父窗、子窗的iframe
Dec 20 Javascript
javascript学习笔记之10个原生技巧
May 21 Javascript
XMLHttpRequest Level 2 使用指南
Aug 26 Javascript
JavaScript中Array的实用操作技巧分享
Sep 11 Javascript
原生js实现选项卡功能
Mar 08 Javascript
js实现年月日表单三级联动
Apr 17 Javascript
JS使用cookie实现只出现一次的广告代码效果
Apr 22 Javascript
ES6 系列之 WeakMap的使用示例
Aug 06 Javascript
微信小程序和H5页面间相互跳转代码实例
Sep 19 Javascript
jquery传参及获取方式(两种方式)
Feb 13 jQuery
浅谈实现在线预览PDF的几种解决办法
Aug 10 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
第十三节 对象串行化 [13]
2006/10/09 PHP
第七节--类的静态成员
2006/11/16 PHP
兼容性最强的PHP生成缩略图的函数代码(修改版)
2011/01/18 PHP
深入解析yii权限分级式访问控制的实现(非RBAC法)
2013/06/13 PHP
php中过滤非法字符的具体实现
2013/10/29 PHP
php实现在线生成条形码示例分享(条形码生成器)
2013/12/30 PHP
php中simplexml_load_string使用实例分享
2014/02/13 PHP
如何使用php脚本给html中引用的js和css路径打上版本号
2015/11/18 PHP
PHP实现ASCII码与字符串相互转换的方法
2017/04/29 PHP
PHP5.6新增加的可变函数参数用法分析
2017/08/25 PHP
基于jQuery的Spin Button自定义文本框数值自增或自减
2010/07/17 Javascript
cookie的secure属性详解
2015/04/08 Javascript
js实现遍历含有input的table实例
2015/12/07 Javascript
bootstrap table 表格中增加下拉菜单末行出现滚动条的快速解决方法
2017/01/05 Javascript
node.js爬虫爬取拉勾网职位信息
2017/03/14 Javascript
AngularJS中$http的交互问题
2017/03/29 Javascript
webpack 插件html-webpack-plugin的具体使用
2018/04/09 Javascript
Node.Js中实现端口重用原理详解
2018/05/03 Javascript
详解vue使用插槽分发内容slot的用法
2019/03/28 Javascript
用 js 写一个 js 解释器过程详解
2019/08/02 Javascript
jQuery实现简单飞机大战
2020/07/05 jQuery
Python3实现发送QQ邮件功能(附件)
2020/12/23 Python
pyautogui自动化控制鼠标和键盘操作的步骤
2020/04/01 Python
django 实现简单的插入视频
2020/04/07 Python
python3+opencv 使用灰度直方图来判断图片的亮暗操作
2020/06/02 Python
记录一下scrapy中settings的一些配置小结
2020/09/28 Python
Python解析m3u8拼接下载mp4视频文件的示例代码
2021/03/03 Python
英国豪华装饰照明品牌的在线零售商:Inspyer Lighting
2019/12/10 全球购物
俄罗斯外国汽车和国产汽车配件网上商店:Движком
2020/04/19 全球购物
使用useBean标志初始化BEAN时如何接受初始化参数
2012/02/11 面试题
2014年党课学习材料
2014/05/11 职场文书
人力资源求职信
2014/05/25 职场文书
企业三严三实学习心得体会
2014/10/13 职场文书
电影地道战观后感
2015/06/04 职场文书
MySql学习笔记之事务隔离级别详解
2021/05/12 MySQL
MySQL创建管理HASH分区
2022/04/13 MySQL