vue兼容ie11（@babel/polyfill、core-js@3两种方式）

不二臣_

已于 2022-09-09 15:02:53 修改

阅读量1.8w

点赞数 9

分类专栏： vue vue/cli 文章标签： javascript vue.js npm 前端 webpack

于 2022-09-09 11:20:46 首次发布

本文链接：https://blog.youkuaiyun.com/qq_34458968/article/details/126776671

版权

本文介绍了如何使用Babel解决Vue项目在IE11上的兼容性问题，提供了@babel/polyfill和core-js@3两种方案。@babel/polyfill已弃用，推荐使用core-js@3，通过配置babel.config.js和vue.config.js以实现对IE11的支持，避免文件过大和全局污染。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Babel介绍：

Babel是一个JavaScript编译器，主要用于将ECMAScript 2015+代码转换为当前和旧浏览器或环境中向后兼容的JavaScript版本。要是通过核心依赖core-js@2，主要是通过核心依赖core-js@2来完成对应浏览器不支持的新的全局和实例api的添加

方案一：@babel/polyfill

步骤1：安装@babel/polyfill

因为polyfill（将在源代码之前运行），我们需要它是一个依赖项，而不是devDependency，所以使用--save（-S）

npm install --save @babel/polyfill

步骤2：main.js

将@babel/polyfill放在应用程序入口点的顶部，确保在所有其他代码/需求语句之前调用它

import "@babel/polyfill" //在main.js的最上方引入

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import http from '@/utils/request'

注意ÿ