• 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

    重新打包就可以解决问题

    优秀的人一直在路上,优秀的你一直在尝试写新bug
  • 相关阅读:
    Geometry
    后缀数组dc3算法模版(待补)
    CodeForces 467D(267Div2-D)Fedor and Essay (排序+dfs)
    HDU 3572 Task Schedule (最大流)
    Acdream手速赛7
    hdu2732 Leapin' Lizards (网络流dinic)
    HDU 3549 Flow Problem (最大流ISAP)
    HDU 1532 Drainage Ditches (网络流)
    [容易]合并排序数组 II
    [容易]搜索插入位置
  • 原文地址:https://www.cnblogs.com/starryyang/p/10932484.html
Copyright © 2020-2023  润新知