编程 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电信网通双线自动选择技巧

Nov 18 Javascript

js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)

Jan 30 Javascript

javascript下高性能字符串连接StringBuffer类

Aug 16 Javascript

Fixie.js 自动填充内容的插件

Jun 28 Javascript

jQuery easyui datagrid动态查询数据实例讲解

Feb 26 Javascript

为Javascript中的String对象添加去除左右空格的方法(示例代码)

Nov 30 Javascript

jQuery实现带动画效果的二级下拉导航方法

Mar 11 Javascript

JavaScript对HTML DOM使用EventListener进行操作

Oct 21 Javascript

JavaScript的Ext JS框架中的GridPanel组件使用指南

May 21 Javascript

浅谈jQuery中的$.extend方法来扩展JSON对象

Feb 12 Javascript

webpack项目调试以及独立打包配置文件的方法

Feb 28 Javascript

Node.js利用Express实现用户注册登陆功能(推荐)

Oct 26 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

php调用google接口生成二维码示例

2014/04/28 PHP

php制作文本式留言板

2015/03/18 PHP

php实现的pdo公共类定义与用法示例

2017/07/19 PHP

PHP使用OB缓存实现静态化功能示例

2019/03/23 PHP

一个js实现的所谓的滑动门

2007/05/23 Javascript

javascript concat数组累加示例

2009/09/03 Javascript

Jquery 弹出层插件实现代码

2009/10/24 Javascript

Javascript 获取链接(url)参数的方法[正则与截取字符串]

2010/02/09 Javascript

JavaScript中Number.NEGATIVE_INFINITY值的使用详解

2015/06/05 Javascript

介绍JavaScript的一个微型模版

2015/06/24 Javascript

基于Angularjs实现分页功能

2016/05/30 Javascript

node网页分段渲染详解

2016/09/05 Javascript

浅谈bootstrap使用中的一些问题以及解决过程

2016/10/18 Javascript

全面解析vue中的数据双向绑定

2017/05/10 Javascript

vuejs手把手教你写一个完整的购物车实例代码

2017/07/06 Javascript

详解vue项目中如何引入全局sass/less变量、function、mixin

2018/06/02 Javascript

浅谈PDF.js使用心得

2018/06/07 Javascript

Bootstarp在pycharm中的安装及简单的使用方法

2019/04/19 Javascript

微信小程序实现动态列表项的顺序加载动画

2019/07/25 Javascript

[01:12:44]VG vs Mineski Supermajor 败者组 BO3 第二场 6.6

2018/06/07 DOTA

[01:04:49]KG vs LGD 2019国际邀请赛小组赛 BO2 第二场 8.15

2019/08/16 DOTA

Python探索之自定义实现线程池

2017/10/27 Python

python 给DataFrame增加index行名和columns列名的实现方法

2018/06/08 Python

python绘制立方体的方法

2018/07/02 Python

Pytorch 多维数组运算过程的索引处理方式

2019/12/27 Python

Python使用os.listdir和os.walk获取文件路径

2020/05/21 Python

Python 忽略文件名编码的方法

2020/08/01 Python

canvas实现扭蛋机动画效果的示例代码

2018/10/17 HTML / CSS

如何将整数int转换成字串String

2014/03/21 面试题

有模特经验的简历自我评价

2013/09/19 职场文书

高中军训感言400字

2014/02/24 职场文书

冬季施工防火方案

2014/05/17 职场文书

温馨提示标语

2014/06/26 职场文书

公司员工体检通知

2015/04/21 职场文书

八年级作文之我的母亲

2019/12/10 职场文书

如何用RabbitMQ和Swoole实现一个异步任务系统

2021/05/29 PHP