ant-design-vue的兼容问题2

问题：ant-design-vue不兼容ie浏览器

要求：ie兼容 >= 9

环境：@vue/[email protected]，[email protected]

之前写了一篇博文解决ant-design-vue的兼容，由于@vue/cli搭建项目升级导致不能生效，为了解决这个遗憾，本篇博文诞生

第一步：安装依赖

npm install --save-dev @babel/plugin-transform-runtime
npm install --save @babel/runtime
npm install --save @babel/runtime-corejs3

第二步：修改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: 'css'
      }
    ]
  ]
}

第三步：修改vue.config.js

module.exports = {
  transpileDependencies: [
    // 可以是字符串或正则表达式
    'ant-design-vue',
  ]
}

参考项目