antd vue适配ie浏览器中出现的若干问题

因为vue项目上用户有ie浏览器的使用需求，因此适配了ie浏览器，在适配的过程中遇到了一些问题，分享一下。

一、antd vue适配ie

1.package.json中添加依赖：

• “@babel/runtime”: “^7.14.6”,
• “@babel/runtime-corejs3”: “^7.14.7”,
• “babel-polyfill”: “^6.26.0”,

2.修改vue.config.js

// 添加transpileDependencies配置属性，按需添加需要编码的内容
transpileDependencies: [
    'ant-design-vue',
    'crypto-js',
  

3.修改babel.config.js文件

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    // 兼容配置
    [
      '@babel/plugin-transform-runtime',
      {
        corejs: 3,
        helpers: true,
        regenerator: true,
        useESModules: false
      }
    ],
    // 按需加载
    [
      'import',
      {
        libraryName: 'ant-design-vue',
        libraryDirectory: 'es',
        style: true
      }
    ]
  ]
}

二、适配过程中存在的问题

1.系统中部分功能有问题
原因是项目中用了部分第三方插件，对应的代码是放在了public/plugins下，这部分的代码并不会压缩，所以其中的es6语法在ie上还是会有问题，需要单独处理
2.部分第三方依赖报错
解决方式：在适配第2步中找到存在问题的依赖，添加到transpileDependencies属性中
3.antd vue样式不生效
将babel.config.js中plugins属性下ant-design-vue的style设置为true