vue如何完美兼容ie

虽然马上要摈弃ie的使用,但是在现阶段还是在某些场景下需要用到ie,那如何才能在vue中兼容ie呢

首先在main.js引入

1. import ‘core-js/stable’

2. import 'regenerator-runtime/runtime

3.packjson中 plugin-transform-runtime

在 babel.config.js 中

> module.exports = {
> 		  presets: [
> 		    '@vue/app',
> 		    [
> 		      "@babel/preset-env",
> 		      {
> 		        "modules": false,
> 		        "corejs": "3",
> 		        "useBuiltIns": "usage"
> 		      }
> 		    ],
> 		  ],
> 		  "plugins": [
> 		    "@babel/plugin-transform-runtime"
> 		  ] 		
> };

index.html 中

      <meta name=renderer  content=ie-comp>
      <meta name=renderer  content=ie-stand>

如果在项目中有sockjs,请在vue.config.js中添加

  transpileDependencies: [
    /[/\\]node_modules[/\\]_sockjs-client@1.6.1@sockjs-client[/\\]dist[/\\]/
  ],

即可实现兼容ie,不兼容ie的问题基本是不兼容es6的写法。

  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值