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

jquery tools系列 expose 学习

Sep 06 Javascript

Jquery倒计时源码分享

May 16 Javascript

一个不错的js html页面倒计时可精确到秒

Oct 22 Javascript

JavaScript组合拼接字符串的效率对比测试

Nov 06 Javascript

详谈javascript中DOM的基本属性

Feb 26 Javascript

使用jquery提交form表单并自定义action的实现代码

May 25 Javascript

JavaScript实现解析INI文件内容的方法

Nov 17 Javascript

文件上传的几个示例分享【推荐】

Dec 16 Javascript

详解Angular-Cli中引用第三方库

May 21 Javascript

jQuery图片查看插件Magnify开发详解

Dec 25 jQuery

详解js跨域请求的两种方式，支持post请求

May 05 Javascript

node.js 基于cheerio的爬虫工具的实现（需要登录权限的爬虫工具）

Apr 10 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技巧与注意事项分析

2011/02/03 PHP

如何使用“PHP” 彩蛋进行敏感信息获取

2013/08/07 PHP

源码分析 Laravel 重复执行同一个队列任务的原因

2017/12/25 PHP

Laravel 修改默认日志文件名称和位置的例子

2019/10/17 PHP

有关于eclipse配置spket需要注意的一些地方

2013/04/07 Javascript

IE8下jQuery改变png图片透明度时出现的黑边

2015/08/30 Javascript

Winform客户端向web地址传参接收参数的方法

2016/05/17 Javascript

fullpage.js全屏滚动插件使用实例

2016/09/06 Javascript

JavaScript正则表达式实例详解

2016/10/16 Javascript

EditPlus中的正则表达式实战(2)

2016/12/15 Javascript

在Swiper内如何制作CSS3动画效果示例代码

2017/12/07 Javascript

使用puppeteer破解极验的滑动验证码

2018/02/24 Javascript

node中modules.exports与exports导出的区别

2018/06/08 Javascript

JS实现自定义弹窗功能

2018/08/08 Javascript

详解express使用vue-router的history踩坑

2019/06/05 Javascript

ES6中定义类和对象的方法示例

2019/07/31 Javascript

基于vue、react实现倒计时效果

2019/08/26 Javascript

vue中的mescroll搜索运用及各种填坑处理

2019/10/30 Javascript

微信小程序通过websocket实时语音识别的实现代码

2020/08/19 Javascript

Python import自定义模块方法

2015/02/12 Python

Python set常用操作函数集锦

2017/11/15 Python

python实现机械分词之逆向最大匹配算法代码示例

2017/12/13 Python

python使用udp实现聊天器功能

2018/12/10 Python

python实现爬山算法的思路详解

2019/04/09 Python

解决python3中的requests解析中文页面出现乱码问题

2019/04/19 Python

Python高级property属性用法实例分析

2019/11/19 Python

如何在django中添加日志功能

2020/02/06 Python

Python集成开发工具Pycharm的安装和使用详解

2020/03/18 Python

python3.7调试的实例方法

2020/07/21 Python

HTML5之tabindex属性全面解析

2016/07/07 HTML / CSS

远东集团网络工程师面试题

2014/10/20 面试题

2014年教师节寄语

2014/08/11 职场文书

谢师宴邀请函

2015/02/02 职场文书

公务员个人年终总结

2015/02/12 职场文书

国家助学贷款承诺书

2015/04/30 职场文书

bose降噪耳机音能消除人声吗

2022/04/19 数码科技