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

重新打包就可以解决问题

posted @ 2019-05-27 19:09  星光笔  阅读(1309)  评论(0编辑  收藏  举报