Vue项目build后动画失效解决

在做项目的时候，自定义了一个动画，在本地运行，动画是正常的；

yarn build之后，在dist目录重新运行，发现动画失效了，然后打开dist下的css文件，搜关键词animation和keyframes发现里面的内容改的不像样子了。

解决：将keyframes放到index.html里，就能解决。参考链接

@keyframes wheel {
      0% {
        transform: rotate(0);
      }

      100% {
        transform: rotate(360deg);
      }
    }