编程 Javascript

解决vue-cli 打包后自定义动画未执行的问题

Posted in Javascript onNovember 12, 2019

在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-cli 打包后自定义动画未执行的问题

以上这篇解决vue-cli 打包后自定义动画未执行的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

解决vue-cli 打包后自定义动画未执行的问题

- Author -

酸涩葡萄

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

一些javascript一些题目的解析

Dec 25 Javascript

利用cookie记住背景颜色示例代码

Nov 04 Javascript

原生javascript实现图片滚动、延时加载功能

Jan 12 Javascript

Jquery判断form表单数据是否变化

Mar 30 Javascript

jQuery插件编写步骤详解

Jun 03 Javascript

最实用的jQuery分页插件

Oct 09 Javascript

javascript实现将数字转成千分位的方法小结【5种方式】

Dec 11 Javascript

jQuery实现遍历复选框的方法示例

Mar 06 Javascript

基于node.js的fs核心模块读写文件操作(实例讲解)

Sep 10 Javascript

微信小程序中使用自定义图标（阿里icon）的方法

Aug 20 Javascript

React实现全局组件的Toast轻提示效果

Sep 21 Javascript

vue实现多组关键词对应高亮显示功能

Jul 25 Javascript

vue transition 在子组件中失效的解决

Nov 12 #Javascript

vue+element导航栏高亮显示的解决方式

Nov 12 #Javascript

vue-element-admin 菜单标签失效的解决方式

Nov 12 #Javascript

Vue退出登录时清空缓存的实现

Nov 12 #Javascript

解决vue admin element noCache设置无效的问题

Nov 12 #Javascript

Vue2.0 实现页面缓存和不缓存的方式

Nov 12 #Javascript

Vue页面切换和a链接的本质区别详解

Nov 12 #Javascript

You might like

Yii2框架中一些折磨人的坑

2019/12/15 PHP

Aster vs KG BO3 第二场2.19

2021/03/10 DOTA

javascript 嵌套的函数（作用域链）

2010/03/15 Javascript

jQuery实现点击标题输入详细信息

2013/04/16 Javascript

JavaScript实现点击按钮后变灰避免多次重复提交

2013/07/15 Javascript

利用JQuery制作符合Web标准的QQ弹出消息

2014/01/14 Javascript

javascript中Number对象的toString()方法分析

2014/12/20 Javascript

JavaScript中用字面量创建对象介绍

2014/12/31 Javascript

浅谈下拉菜单中的Option对象

2015/05/10 Javascript

js过滤HTML标签完整实例

2015/11/26 Javascript

一个简单不报错的summernote 图片上传案例

2016/07/11 Javascript

jQuery EasyUI菜单与按钮详解

2016/07/13 Javascript

AngularJS基础 ng-keyup 指令简单示例

2016/08/02 Javascript

基于jQuery实现歌词滚动版音乐播放器的代码

2016/09/17 Javascript

从零开始学习Node.js系列教程之SQLite3和MongoDB用法分析

2017/04/13 Javascript

vue跨域解决方法

2017/10/15 Javascript

vue-froala-wysiwyg 富文本编辑器功能

2019/09/19 Javascript

微信小程序关键字变色实现代码实例

2019/12/13 Javascript

jQuery+css实现的点击图片放大缩小预览功能示例【图片预览查看大图】

2020/05/29 jQuery

js实现右键弹出自定义菜单

2020/09/08 Javascript

基于element-ui对话框el-dialog初始化的校验问题解决

2020/09/11 Javascript

微信小程序开发数据缓存基础知识辨析及运用实例详解

2020/11/06 Javascript

pydev使用wxpython找不到路径的解决方法

2013/02/10 Python

Python语言编写电脑时间自动同步小工具

2013/03/08 Python

python实现校园网自动登录的示例讲解

2018/04/22 Python

对python调用RPC接口的实例详解

2019/01/03 Python

在Python 中同一个类两个函数间变量的调用方法

2019/01/31 Python

python接口自动化（十七）--Json 数据处理---一次爬坑记（详解）

2019/04/18 Python

Django如何实现上传图片功能

2019/08/16 Python

Python自动化办公Excel模块openpyxl原理及用法解析

2020/11/05 Python

ABOUT YOU罗马尼亚：超过600个时尚品牌

2019/09/19 全球购物

模具设计与制造专业求职信

2014/07/19 职场文书

美国旅游签证工作证明

2014/10/14 职场文书

90条交通安全宣传标语

2019/10/12 职场文书

十大动画制作软件，Adobe产品上榜两款，第一是行业标准软件

2022/03/18 杂记

JavaScript实现九宫格拖拽效果

2022/06/28 Javascript