vue动画打包后失效问题的解决方法

 更新时间:2018年09月18日 10:18:45   作者:liuguochao1024  
这篇文章主要介绍了vue动画打包后失效问题的解决方法,在文中给大家提到了vue-cli 打包后自定义动画未执行的解决方法,需要的朋友可以参考下

webpack 打包后动画未执行,

就是npm run build后在dist中生成的项目中动画未生效

解决:

找到build文件夹中 得vue-loader.conf.js,把extract的值改为false---如图

下面看下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-cli npm如何解决vue项目中缺失core-js的问题

    vue-cli npm如何解决vue项目中缺失core-js的问题

    这篇文章主要介绍了vue-cli npm如何解决vue项目中缺失core-js的问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-08-08
  • 解决nuxt 自定义全局方法,全局属性,全局变量的问题

    解决nuxt 自定义全局方法,全局属性,全局变量的问题

    这篇文章主要介绍了解决nuxt 自定义全局方法,全局属性,全局变量的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • vue新建环境变量以及网络请求工具axios的二次封装详解

    vue新建环境变量以及网络请求工具axios的二次封装详解

    这篇文章主要为大家介绍了vue新建环境变量以及网络请求工具axios的二次封装详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-06-06
  • mpvue微信小程序开发之实现一个弹幕评论

    mpvue微信小程序开发之实现一个弹幕评论

    这篇文章主要介绍了mpvue小程序开发之 实现一个弹幕评论功能,本文通过实例讲解的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-11-11
  • vue服务端渲染缓存应用详解

    vue服务端渲染缓存应用详解

    vue缓存分为页面缓存、组建缓存、接口缓存,这里我主要说到了页面缓存和组建缓存。接下来通过本文给大家介绍vue服务端渲染缓存应用 ,需要的朋友可以参考下
    2018-09-09
  • 详解unplugin vue components不能识别组件自动导入类型pnpm

    详解unplugin vue components不能识别组件自动导入类型pnpm

    这篇文章主要为大家介绍了unplugin vue components不能识别组件自动导入类型pnpm详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • vue+vue-router转场动画的实例代码

    vue+vue-router转场动画的实例代码

    今天小编就为大家分享一篇vue+vue-router转场动画的实例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • Vue让router-view默认显示页面操作方法

    Vue让router-view默认显示页面操作方法

    一个home页面,点击左边的菜单栏,右边显示页面,因此都知道在右边放一个router-view然后配置路由即可,然而问题出现在:重新打开的时候,默认是白色空的,遇到这样的问题如何解决呢,下面小编给大家分享Vue让router-view默认显示页面操作方法,感兴趣的朋友一起看看吧
    2024-03-03
  • vue3中的render函数里定义插槽和使用插槽

    vue3中的render函数里定义插槽和使用插槽

    这篇文章主要介绍了vue3中的render函数里定义插槽和使用插槽方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-07-07
  • vue组件间通信子与父详解(二)

    vue组件间通信子与父详解(二)

    这篇文章主要为大家详细介绍了vue组件间通信子与父的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11

最新评论