Vue-cli3以上版本添加IE兼容

安装babel相关依赖做js转换处理
package.json

{
  ...
  "dependencies": {
    "@vue/cli-plugin-babel": "~4.4.0",
    "core-js": "^3.15.2",
    "regenerator-runtime": "^0.13.7",
  }
  ...
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 9"
  ]
}

配置babel
babel.config.js

module.exports = {
  presets: [
    ['@vue/app', {
      useBuiltIns: 'entry'
    }]
  ],
  plugins: [
    [
      'component',
      {
        libraryName: 'element-ui',
        styleLibraryName: 'theme-chalk'
      }
    ]
  ]
};

由于babel默认不处理node-modules里面的文件，故需要将要处理的依赖手动添加到需要处理的列表中
vue.config.js

module.exports = {
  transpileDependencies: ['element-ui']
}

入口文件处添加babel
main.js

import 'core-js/stable';
import 'regenerator-runtime/runtime';

参考文档：
vue-cli文档之浏览器兼容性

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容