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

麻雀虽小五脏俱全 Dojo自定义控件应用

Sep 04 Javascript

再谈javascript图片预加载技术(详细演示)

Mar 12 Javascript

javascript 系统文件夹文件操作及参数介绍

Jan 08 Javascript

JS获得QQ号码的昵称,头像,生日的简单实例

Dec 04 Javascript

原生js编写基于面向对象的分页组件

Dec 05 Javascript

Javascript中的async awai的用法

May 17 Javascript

vue 虚拟dom的patch源码分析

Mar 01 Javascript

快速解决angularJS中用post方法时后台拿不到值的问题

Aug 14 Javascript

Node.js console控制台简单用法分析

Jan 04 Javascript

详解vue-cli3开发Chrome插件实践

May 29 Javascript

小试小程序云开发(小结)

Jun 06 Javascript

在微信小程序中渲染HTML内容3种解决方案及分析与问题解决

Jan 12 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