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

取键盘键位ASCII码的网页

Jul 30 Javascript

jQuery入门知识简介

Mar 04 Javascript

JavaScript window.location对象

Nov 14 Javascript

对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解

Apr 11 Javascript

新手学习前端之js模仿淘宝主页网站

Oct 31 Javascript

微信小程序天气预报开发实例代码源码

Jan 20 Javascript

Vue中之nextTick函数源码分析详解

Oct 17 Javascript

fetch 使用及如何接收JS传值

Nov 11 Javascript

async/await地狱该如何避免详解

May 10 Javascript

vue 权限认证token的实现方法

Jul 17 Javascript

前端天气插件tpwidget使用方法详解

Jun 24 Javascript

js屏蔽F12审查元素，禁止修改页面代码等实现代码

Oct 02 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文件上传主要代码讲解

2013/09/30 PHP

PHP简单获取网站百度搜索和搜狗搜索收录量的方法

2016/08/23 PHP

php实现的redis缓存类定义与使用方法示例

2017/08/09 PHP

容易被忽略的JS脚本特性

2011/09/13 Javascript

jQuery实现精美的多级下拉菜单特效

2015/03/14 Javascript

js窗口关闭提示信息（兼容IE和firefox）

2015/10/23 Javascript

详解AngularJS过滤器的使用

2016/03/11 Javascript

利用Javascript实现BMI计算器

2016/08/16 Javascript

基于jQuery实现左侧菜单栏可折叠功能

2016/12/27 Javascript

JavaScript调试之console.log调试的一个小技巧分享

2017/08/07 Javascript

vue2.0+vue-router构建一个简单的列表页的示例代码

2019/02/13 Javascript

Vue项目实现换肤功能的一种方案分析

2019/08/28 Javascript

Layui tree 下拉菜单树的实例代码

2019/09/21 Javascript

javascript实现放大镜功能

2020/12/09 Javascript

[02:43]中国五虎出征TI3视频

2013/08/02 DOTA

[51:29]完美世界DOTA2联赛循环赛 Matador vs Forest BO2第一场 11.05

2020/11/05 DOTA

Python 开发Activex组件方法

2009/11/08 Python

在python中的socket模块使用代理实例

2014/05/29 Python

Python程序员鲜为人知但你应该知道的17个问题

2014/06/04 Python

利用Python演示数型数据结构的教程

2015/04/03 Python

Python制作爬虫抓取美女图

2016/01/20 Python

python 读取.csv文件数据到数组(矩阵)的实例讲解

2018/06/14 Python

Python之time模块的时间戳,时间字符串格式化与转换方法(13位时间戳)

2019/08/12 Python

Python中的list与tuple集合区别解析

2019/10/12 Python

Python离线安装各种库及pip的方法

2020/11/28 Python

ALEX AND ANI：手镯，项链，耳环和更多

2017/04/20 全球购物

Square Off美国/加拿大：世界上最聪明的国际象棋棋盘

2018/12/06 全球购物

Alexandre Birman美国官网：亚历山大·伯曼

2019/10/30 全球购物

Ticketmaster意大利：音乐会、节日、艺术和剧院的官方门票

2019/12/23 全球购物

幼儿园教研活动总结

2014/04/30 职场文书

社区精神文明建设汇报材料

2014/08/17 职场文书

学校2014重阳节活动策划方案

2014/09/16 职场文书

2014年人大工作总结

2014/12/10 职场文书

小学生心理健康活动总结

2015/05/08 职场文书

大学社团活动总结怎么写

2019/06/21 职场文书

MySQL深分页问题解决思路

2022/12/24 MySQL