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

checkbox 多选框联动实现代码

Oct 22 Javascript

javascript函数中的arguments参数

Aug 01 Javascript

jquery div 居中技巧应用介绍

Nov 24 Javascript

JS定时关闭窗口的实例

May 22 Javascript

js字符串转成JSON

Nov 07 Javascript

jQuery动态效果显示人物结构关系图的方法

May 07 Javascript

jQuery.extend 函数及用法详细

Sep 06 Javascript

详解Angular.js指令中scope类型的几种特殊情况

Feb 21 Javascript

Vuex中mutations与actions的区别详解

Mar 01 Javascript

解决vue v-for src 图片路径问题 404

Nov 12 Javascript

在pycharm中开发vue的方法步骤

Mar 04 Javascript

Js生成随机数/随机字符串的方法小结【5种方法】

May 27 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发送与接收流文件的方法

2015/02/11 PHP

php内嵌函数用法实例

2015/03/20 PHP

thinkPHP自动验证、自动添加及表单错误问题分析

2016/10/17 PHP

php的instanceof和判断闭包Closure操作示例

2020/01/26 PHP

一种JavaScript的设计模式

2006/11/22 Javascript

js或jquery实现页面打印可局部打印

2014/03/27 Javascript

jQuery显示和隐藏常用的状态判断方法

2015/01/29 Javascript

JavaScript通过元素索引号删除数组中对应元素的方法

2015/03/18 Javascript

Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案

2016/09/15 Javascript

Vue下的国际化处理方法

2017/12/18 Javascript

JS实现的文字间歇循环滚动效果完整示例

2018/02/13 Javascript

关于Angularjs中自定义指令一些有价值的细节和技巧小结

2018/04/22 Javascript

jquery ajax 请求小技巧实例分析

2019/11/11 jQuery

element实现合并单元格通用方法

2019/11/13 Javascript

JavaScript仿京东秒杀倒计时

2020/03/17 Javascript

Vue全局使用less样式,组件使用全局样式文件中定义的变量操作

2020/10/21 Javascript

[01:23:35]Ti4主赛事胜者组 DK vs EG 1

2014/07/19 DOTA

Python 正则表达式操作指南

2009/05/04 Python

Python中使用urllib2模块编写爬虫的简单上手示例

2016/01/20 Python

python 基础教程之Map使用方法

2017/01/17 Python

Python基于百度云文字识别API

2018/12/13 Python

python 获得任意路径下的文件及其根目录的方法

2019/02/16 Python

wxpython多线程防假死与线程间传递消息实例详解

2019/12/13 Python

html5唤醒APP小记

2019/03/27 HTML / CSS

香港永安旅游网：Wing On Travel

2017/04/10 全球购物

瑞典香水、须后水和美容产品购物网站：Parfym-Klick.se

2019/12/29 全球购物

JBL加拿大官方商店：扬声器、耳机等

2020/10/23 全球购物

大学自我评价

2014/02/12 职场文书

万年牢教学反思

2014/02/15 职场文书

幼儿园中班下学期评语

2014/04/18 职场文书

财务会计岗位职责

2015/02/03 职场文书

投资合作意向书范本

2015/05/08 职场文书

运动会通讯稿50字

2015/07/20 职场文书

Matplotlib绘制混淆矩阵的实现

2021/05/27 Python

详解MySQL的主键查询为什么这么快

2022/04/03 MySQL

Python基本知识点总结

2022/04/07 Python