虽然马上要摈弃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的写法。

Logo

前往低代码交流专区

更多推荐