vue项目兼容低版本浏览器(IE,安卓,ios)

一般使用vue在做一些小项目,上线后发现在谷歌中可以正常打开,但是在ie中空白,低版本安卓和ios中也是一样,这里就需要做一些配置:

1.添加垫片npm i babel-polyfill -S, 在main.js中引入,最好是第一行就引入import 'babel-polyfill'

2.配置在项目根目录添加babel.config.js,内容如下

module.exports = {
  presets: [
    ['@vue/app', {
      polyfills: [
        'es.promise',
        'es.symbol'
      ]
    }],
  ],
  sourceType: 'unambiguous' //如果项目中有使用不同模块化标准引入方式
}
posted @ 2021-03-16 14:22  Revival_coder  阅读(670)  评论(0)    收藏  举报