美文网首页vue从入门到放弃Vue
vue-cli3兼容ie浏览器的实现方法

vue-cli3兼容ie浏览器的实现方法

作者: 糖小羊儿 | 来源:发表于2021-01-04 16:55 被阅读0次

我们再使用vue开发过程中,会大量使用es6的语法,但是ie浏览器对es6兼容性不好,如果我们需要兼容ie,那么就需要将es6转换成es5,经过自己查资料测试,总结出以下步骤


按以下步骤一一完成:

第一步.编辑package.json文件的browserslist属性

 "browserslist": [

        "> 1%", //市面上使用率多于1%的浏览器

        "last 3 versions",// 浏览器的最近3个版本

        "not ie <= 10" //ie10以上

  ]

第二步.如果引入的某些node依赖有es6,可以在vue.config.js中加入transpileDependencies属性

例如我的项目需要引入两个自己开发的node依赖(mine-ui1,mine-ui2),并且这两个依赖都使用了es6语法,那么可以这么解决

module.exports = {

    transpileDependencies: ["mine-ui1","mine-ui2"], //值是node依赖包的集合

}

第三步.修改babel.config.js

module.exports = {

    presets: [

      ['@vue/app', {

        useBuiltIns: 'entry',

      }]

    ]

  }

第四步.安装babel-polyfill

npm install --save-dev babel-polyfill

这几个步骤走完一遍,重新运行项目,然后在ie11打开试试,就发现可以正常打开了


相关文章

网友评论

    本文标题:vue-cli3兼容ie浏览器的实现方法

    本文链接:https://www.haomeiwen.com/subject/wbuvoktx.html