vue中使用的一些问题（IE不兼容，打包样式不生效）

 

通过脚手架快速创建的项目，使用了swiper组件，项目中使用了es6语法，使用了babel-polyfill转化依旧不行，仔细排查项目中的使用组件，最后找到问题所在

swiper4.5.0版本太高，不支持IE11 转化报错了，报错如下

查阅网上资料，并没有这个解决的方案，于是每一项逐项排查，起初用到vue中路由懒加载resolve使用，以及封装了请求接口api.js中的箭头函数使用，于是我一项项去解决，修改项目的整体结构，从main.js中修改引入的一些组件和插件，最后我找到了使用的swiper版本过高，更换为swiper3.4.0版本就可以兼容项目，完美实现兼容，这里提醒大家注意swiper使用4.x和3.x的用法区别，尤其是自动播放属性autoplay的修改，更多的请去看swiper的api。

 

二，解决打包样式不兼容问题

在开发坏境中，我们的使用了less起编写我们的样式，因为使用颜色函数，以及使用的组件化样式，而打包后我们兼容性写法不生效了，没有这个代码，那么需要我们修改一下配置

webpack.prod.config.js中去掉 (55行)

// new OptimizeCSSPlugin({

// cssProcessorOptions: config.build.productionSourceMap

// ? { safe: true, map: { inline: false } }

// : { safe: true }

// }),

在utils.js中加入28行后面加入下面这一句，只要前面的逗号

minimize:true

重新打包就可以解决问题