编程 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 相关文章推荐

JavaScript 设计模式学习 Factory

Jul 29 Javascript

xss文件页面内容读取(解决)

Nov 28 Javascript

jquery.uploadify插件在chrome浏览器频繁崩溃解决方法

Mar 01 Javascript

js实现简单折叠、展开菜单的方法

Aug 28 Javascript

为Jquery EasyUI 组件加上清除功能的方法(详解)

Apr 13 jQuery

微信小程序三级联动地址选择器的实例代码

Jul 12 Javascript

Vue的实例、生命周期与Vue脚手架（vue-cli）实例详解

Dec 27 Javascript

完美解决mui框架off-canvas侧滑超出部分隐藏无法滚动的问题

Jan 25 Javascript

Js中使用正则表达式验证输入是否有特殊字符

Sep 07 Javascript

详解微信小程序中组件通讯

Oct 30 Javascript

Android 自定义view仿微信相机单击拍照长按录视频按钮

Jul 19 Javascript

vue实现防抖的实例代码

Jan 11 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 观察者模式的实现代码

2013/05/10 PHP

解析file_get_contents模仿浏览器头(user_agent)获取数据

2013/06/27 PHP

php简单统计中文个数的方法

2016/09/30 PHP

php curl中gzip的压缩性能测试实例分析

2016/11/08 PHP

thinkPHP5 ACL用户权限模块用法详解

2017/05/10 PHP

PHP编程计算文件或数组中单词出现频率的方法

2017/05/22 PHP

PHP substr()函数参数解释及用法讲解

2017/11/23 PHP

再谈ie和firefox下的document.all属性

2009/10/21 Javascript

JavaScript 设计模式富有表现力的Javascript（一）

2010/05/26 Javascript

jQuery基础知识filter()和find()实例说明

2010/07/06 Javascript

JavaScript对内存分配及管理机制详细解析

2013/11/11 Javascript

jquery如何获取复选框的值

2013/12/12 Javascript

JQuery插件jcarousellite的参数中文说明

2015/05/11 Javascript

探讨JavaScript中的Rest参数和参数默认值

2015/07/29 Javascript

JS仿百度自动下拉框模糊匹配提示

2016/07/25 Javascript

Node.js 基础教程之全局对象

2017/08/06 Javascript

jQuery实现侧边栏隐藏与显示的方法详解

2018/12/22 jQuery

layui实现数据表格table分页功能（ajax异步）

2019/07/27 Javascript

微信小程序webview与h5通过postMessage实现实时通讯的实现

2019/08/20 Javascript

vue + axios get下载文件功能

2019/09/25 Javascript

通过js随机函数Math.random实现乱序

2020/05/19 Javascript

关于better-scroll插件的无法滑动bug(2021通过插件解决)

2021/03/01 Javascript

Python模块WSGI使用详解

2018/02/02 Python

python获取交互式ssh shell的方法

2019/02/14 Python

浅析PEP572: 海象运算符

2019/10/15 Python

Python导入父文件夹中模块并读取当前文件夹内的资源

2020/11/19 Python

html5简介_动力节点Java学院整理

2017/07/07 HTML / CSS

电气自动化大学生求职信

2013/10/16 职场文书

保安部任务及岗位职责

2014/02/25 职场文书

《神奇的克隆》教学反思

2014/04/10 职场文书

2014广电局实施党的群众路线教育实践活动方案思想汇报

2014/09/22 职场文书

北京故宫导游词

2015/01/31 职场文书

详解MySQL 联合查询优化机制

2021/05/10 MySQL

详解PHP用mb_string处理windows中文字符

2021/05/26 PHP

Netty分布式客户端处理接入事件handle源码解析

2022/03/25 Java/Android

《最终幻想14》6.01版本4月5日推出追加新任务新道具

2022/04/03 其他游戏