• 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

    重新打包就可以解决问题

  • 相关阅读:
    伪类与伪元素的区别
    display:-webkit-box,display:flex 伸缩盒模型
    猴子分桃-sdut
    简单枚举类型——植物与颜色-sdut
    数据结构实验之链表七:单链表中重复元素的删除-sdut
    约瑟夫问题-sdut
    数据结构实验之链表四:有序链表的归并-sdut
    数据结构实验之链表五:单链表的拆分-sdut
    Spring的定时任务
    HTTP状态码
  • 原文地址:https://www.cnblogs.com/starryqian/p/10932484.html
Copyright © 2020-2023  润新知