编程 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文件中调用js的实现方法小结

Oct 23 Javascript

用unescape反编码得出汉字示例

Apr 24 Javascript

jquery实现图片按比例缩放示例

Jul 01 Javascript

一个jquery实现的不错的多行文字图片滚动效果

Sep 28 Javascript

JavaScript基础函数整理汇总

Jan 30 Javascript

简单实现js选项卡切换效果

Feb 03 Javascript

一览画面点击复选框后获取多个id值的方法

May 30 Javascript

Vue2.0表单校验组件vee-validate的使用详解

May 02 Javascript

利用Vue实现移动端图片轮播组件的方法实例

Aug 23 Javascript

微信小程序数据存储与取值详解

Jan 30 Javascript

javascript使用正则实现去掉字符串前面的所有0

Jul 23 Javascript

详解bootstrap-fileinput文件上传控件的亲身实践

Mar 21 Javascript

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

Linux下PHP安装mcrypt扩展模块笔记

2014/09/10 PHP

微信支付PHP SDK之微信公众号支付代码详解

2015/12/09 PHP

在Mac OS上搭建Nginx+PHP+MySQL开发环境的教程

2015/12/21 PHP

js下用eval生成JSON对象

2010/09/17 Javascript

JavaScript中的Math 使用介绍

2014/04/21 Javascript

JavaScript支持的最大递归调用次数分析

2014/06/24 Javascript

jQuery on()方法示例及jquery on()方法的优点

2015/08/27 Javascript

喜大普奔！jQuery发布 3.0 最终版

2016/06/12 Javascript

JS简单实现无缝滚动效果实例

2016/08/24 Javascript

Angularjs使用指令做表单校验的方法

2017/03/31 Javascript

vue-cli创建的项目,配置多页面的实现方法

2018/03/15 Javascript

Vue.use源码学习小结

2018/06/20 Javascript

解决axios会发送两次请求,有个OPTIONS请求的问题

2018/10/25 Javascript

举例讲解Python中is和id的用法

2015/04/03 Python

python下os模块强大的重命名方法renames详解

2017/03/07 Python

用python找出那些被“标记”的照片

2017/04/20 Python

Python2/3中urllib库的一些常见用法

2017/12/19 Python

python统计字母、空格、数字等字符个数的实例

2018/06/29 Python

django框架之cookie/session的使用示例(小结)

2018/10/15 Python

python读取word文档,插入mysql数据库的示例代码

2018/11/07 Python

详解python中递归函数

2019/04/16 Python

python3.7将代码打包成exe程序并添加图标的方法

2019/10/11 Python

python3将变量输入的简单实例

2020/08/19 Python

python空元组在all中返回结果详解

2020/12/15 Python

CSS3中的Transition过度与Animation动画属性使用要点

2016/05/20 HTML / CSS

澳大利亚拥有最佳跳伞降落点和最好服务的跳伞项目运营商：Skydive Australia

2018/03/05 全球购物

编写类String 的构造函数、析构函数和赋值函数

2012/09/09 面试题

HSRP的含义以及如何工作

2014/09/10 面试题

软件工程师岗位职责

2013/11/16 职场文书

房地产推广策划方案

2014/05/19 职场文书

农业生产宣传标语

2014/10/08 职场文书

文员岗位职责

2015/02/04 职场文书

地球一小时活动总结

2015/02/27 职场文书

Pytorch 如何实现常用正则化

2021/05/27 Python

详解Vue中$props、$attrs和$listeners的使用方法

2022/02/18 Vue.js

windows10 家庭版下FTP服务器搭建教程

2022/08/05 Servers