Vue build打包踩过的坑

在用cli脚手架搭建出Vue的项目后，又自己花了几天时间完善了一下代码，准备打包自己实测的时候突然出现错误，如下图：

 

在build时出现错误进程文件，错误类型，无法读到未定义的属性‘type’,在网上也找了很多资料，也一一都实验了都没有效果，找了一天之后才发现是商品详情中定义的小球的动画效果在vue打包时不能识别，导致@keyframes方法无法被解析报错，代码如下：

实现效果是点击加入购物车就会有一个小球飞出按照设定的坐标轨迹进入购物车（一个简单的动画）:                

最后发现在build文件夹下的vue-vue-loader.config.js文件中修改extract属性（是否将单独的CSS文件（一般为引入的外部文件）单独提取打包）值修改为false即可。

好了，build打包暂时记录到这，往后遇到坑在慢慢补。