编程 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当中的代码嗅探扩展原生对象和原型(prototype)

Jan 11 Javascript

关于JS字符串函数String.replace()

Apr 07 Javascript

addEventListener 的用法示例介绍

May 07 Javascript

JavaScript对HTML DOM使用EventListener进行操作

Oct 21 Javascript

原生js实现简单的Ripple按钮实例代码

Mar 24 Javascript

canvas绘制一个常用的emoji表情

Mar 30 Javascript

jQuery remove()过滤被删除的元素（推荐）

Jul 18 jQuery

Vue自定义指令使用方法详解

Aug 21 Javascript

vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件实例分析

Mar 11 Javascript

Node.js使用supervisor进行开发中调试的方法

Mar 26 Javascript

vue配置nprogress实现页面顶部进度条

Sep 21 Javascript

JavaScript实现页面高亮操作提示和蒙板

Jan 04 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添加文章时生成静态HTML文章的实现代码

2013/02/17 PHP

php使用google地图应用实例

2014/12/31 PHP

PHP IDE PHPStorm配置支持友好Laravel代码提示方法

2015/05/12 PHP

phalcon框架使用指南

2016/02/23 PHP

非常实用的php验证码类

2016/05/15 PHP

yii2.0实现创建简单widgets示例

2016/07/18 PHP

PHP实现Google plus的好友拖拽分组效果

2016/10/21 PHP

PHP实现移除数组中为空或为某值元素的方法

2017/01/07 PHP

PHP仿tp实现mvc框架基本设计思路与实现方法分析

2018/05/23 PHP

使用composer安装使用thinkphp6.0框架问题【视频教程】

2019/10/01 PHP

PHP预定义接口――Iterator用法示例

2020/06/05 PHP

IE event.srcElement和FF event.target 功能比较

2010/03/01 Javascript

jquery 学习之二属性相关

2010/11/23 Javascript

表单验证正则表达式实例代码详解

2015/11/09 Javascript

ionic实现可滑动的tab选项卡切换效果

2020/04/15 Javascript

AnjularJS中$scope和$rootScope的区别小结

2016/09/18 Javascript

如何解决jQuery EasyUI 已打开Tab重新加载问题

2016/12/19 Javascript

JavaScript中各数制转换全面总结

2017/08/21 Javascript

Vue.js的复用组件开发流程完整记录

2018/11/29 Javascript

JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】

2018/12/19 Javascript

基于JavaScript实现猜数字游戏代码实例

2020/07/30 Javascript

[01:48:04]DOTA2-DPC中国联赛正赛 PSG.LGD vs Elephant BO3 第一场 2月7日

2021/03/11 DOTA

Python程序设计入门(2)变量类型简介

2014/06/16 Python

解决Python网页爬虫之中文乱码问题

2018/05/11 Python

Python爬虫学习之翻译小程序

2019/07/30 Python

python opencv将表格图片按照表格框线分割和识别

2019/10/30 Python

python 字符串的驻留机制及优缺点

2020/06/19 Python

Tomcat Mysql datasource数据源配置

2015/12/28 面试题

新东网科技Java笔试题

2012/07/13 面试题

销售人员中英文自荐信

2013/09/22 职场文书

教师爱岗敬业演讲稿

2014/05/05 职场文书

入党推优材料

2014/06/02 职场文书

欢迎领导检查标语

2014/06/27 职场文书

2015年全民国防教育日活动总结

2015/03/23 职场文书

Java数据结构之链表相关知识总结

2021/06/18 Java/Android

Win11怎么添加用户?Win11添加用户账户的方法

2022/07/15 数码科技