vue动画包装后失败问题的解决方案

打包webpack后，不会执行动画。

也就是说，在npm运行构建后，动画不会在dist中生成的项目中生效

解决方法：

在构建文件夹中找到vue-loader.conf.js，将extract的值改为false，如图所示

让我们看一下打包vue-cli后不执行自定义动画的解决方案

在vue项目中，您希望实现无缝向上滚动的自定义动画效果

打包webpack后不会执行动画，也就是说，npm运行构建生成的dist中的动画不会生效

@-web kit-关键帧移动{ 0% { top :0；} 100% { top :-500 px；} }

解决方法：在vue项目的构建文件夹下找到vue-loader.conf.js，并将extract:isProduction更改为extract:false

自定义动画将生效