编程 Javascript

vue动画打包后失效问题的解决方法

Posted in Javascript onSeptember 18, 2018

webpack 打包后动画未执行，

就是npm run build后在dist中生成的项目中动画未生效

解决：

找到build文件夹中得vue-loader.conf.js,把extract的值改为false---如图

vue动画打包后失效问题的解决方法

下面看下vue-cli 打包后自定义动画未执行的解决方法

在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动画打包后失效问题的解决方法

- Author -

liuguochao1024

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

指定js可访问其它域名的cookie的方法

Sep 18 Javascript

Tab页界面，用jQuery及Ajax技术实现

Sep 21 Javascript

High Performance JavaScript(高性能JavaScript)读书笔记分析

May 05 Javascript

JQuery验证工具类搜集整理

Jan 16 Javascript

解析window.open的使用方法总结

Jun 19 Javascript

通过Jquery的Ajax方法读取将table转换为Json

May 31 Javascript

浅谈javascript构造函数与实例化对象

Jun 22 Javascript

微信小程序实现图片轮播及文件上传

Apr 07 Javascript

easyui-datagrid特殊字符不能显示的处理方法

Apr 12 Javascript

微信小程序实现点击文字页面跳转功能【附源码下载】

Dec 12 Javascript

JavaScript交换两个变量方法实例

Nov 25 Javascript

Vue全家桶入门基础教程

May 14 Vue.js

vue自定义全局共用函数详解

Sep 18 #Javascript

vue-自定义组件传值的实例讲解

Sep 18 #Javascript

vuex actions传递多参数的处理方法

Sep 18 #Javascript

微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤

Sep 18 #Javascript

详解关于Vue2.0路由开启keep-alive时需要注意的地方

Sep 18 #Javascript

Vue中 key keep-alive的实现原理

Sep 18 #Javascript

vue服务端渲染页面缓存和组件缓存的实例详解

Sep 18 #Javascript

You might like

php函数与传递参数实例分析

2014/11/15 PHP

php+MySql实现登录系统与输出浏览者信息功能

2016/07/01 PHP

PHP实现提取多维数组指定一列的方法总结

2019/12/04 PHP

用CSS+JS实现的进度条效果效果

2007/06/05 Javascript

更优雅的事件触发兼容

2011/10/24 Javascript

Javascript开发之三数组对象实例介绍

2012/11/12 Javascript

十个迅速提升JQuery性能让你的JQuery跑得更快

2012/12/10 Javascript

JavaScript对象的property属性详解

2014/04/01 Javascript

详解handlebars+require基本使用方法

2016/12/21 Javascript

JS求解三元一次方程组值的方法

2017/01/03 Javascript

JS实现HTML标签转义及反转义

2020/04/14 Javascript

jQuery表单验证之密码确认

2017/05/22 jQuery

vue组件父子间通信详解（三）

2017/11/07 Javascript

详解Node.js 中使用 ECDSA 签名遇到的坑

2018/11/26 Javascript

vue项目创建并引入饿了么elementUI组件的步骤

2019/04/11 Javascript

electron实现静默打印的示例代码

2019/08/12 Javascript

vue中使用vee-validator完成表单校验方案

2019/11/01 Javascript

Python脚本实现集群检测和管理功能

2015/03/06 Python

Python里disconnect UDP套接字的方法

2015/04/23 Python

Python爬取十篇新闻统计TF-IDF

2018/01/03 Python

python 字典套字典或列表的示例

2019/12/16 Python

Python项目实战之使用Django框架实现支付宝付款功能

2021/02/23 Python

浅谈Html5中视频音频标签进度条的问题

2016/07/26 HTML / CSS

欧舒丹美国官网：L’Occitane美国

2018/02/23 全球购物

C#软件工程师英语面试题

2015/06/07 面试题

医药专业应届毕业生求职信范文

2014/01/01 职场文书

预备党员入党思想汇报

2014/01/04 职场文书

信息与计算机科学职业规划范文：成为一艘有方向的船

2014/09/11 职场文书

检察机关个人对照检查材料

2014/09/15 职场文书

失职检讨书大全

2015/01/26 职场文书

2015年学校教育教学工作总结

2015/04/22 职场文书

委托开发合同书（标准版）

2019/08/07 职场文书

中国现代文学之经典散文三篇

2019/09/18 职场文书

浅谈Python中的函数(def)及参数传递操作

2021/05/25 Python

MySQL中JOIN连接的基本用法实例

2022/06/05 MySQL

table不让td文字溢出操作方法

2022/12/24 HTML / CSS