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

要求:ie兼容 >= 9

环境:@vue/cli@4.5.4,ant-design-vue@1.6.4

之前写了一篇博文解决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',
  ]
}

参考项目

Logo

前往低代码交流专区

更多推荐