还在为IE兼容发愁？这几个Web框架真能扛

公司老系统还在用IE11，新项目又得上线，前端同事盯着控制台里一堆红色报错，默默点了根烟——这场景太熟悉了。不是不想用Vue 3或React 18，但一跑IE就白屏、报错、undefined，连fetch都不认识。

别硬刚，选对框架才是正解

其实不用全盘退回jQuery时代。有些框架从设计之初就留了IE的后门，或者靠轻量级配置就能兜底。关键不是‘多新’，而是‘多稳’。

1. Vue 2.x（+ Babel + polyfill）

Vue 2.7 是官方最后的兼容版本，配合 browserslist 配置 "ie >= 11"，再加 @babel/preset-env 和 core-js@3，基本能跑通大部分逻辑。组件里避免用箭头函数写法（IE11不认），生命周期钩子照常写。

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

打包后体积会多15–20KB，但换来的是整套响应式开发体验。

2. Angular 12 以下版本

Angular 12 开始正式放弃IE支持，但 Angular 11 仍原生支持IE11。CLI 默认生成的 polyfills.ts 已包含 classList、Promise、fetch 等补丁，只要不手动删掉，开箱即用。模板语法和模块加载都稳。

3. Preact + preact-compat（轻量替代方案）

如果项目小、交互简单，Preact 本身体积仅3KB，加上 preact-compat（适配React生态），再引入 whatwg-fetch 和 promise-polyfill，就能在IE11里跑起类React组件。适合后台管理页、数据看板这类场景。

// webpack.config.js
resolve: {
  alias: {
    "react": "preact/compat",
    "react-dom": "preact/compat"
  }
}

顺手提醒两件事

一是CSS别直接写 display: grid 或 gap，IE11对Flex布局支持尚可，Grid基本靠JS模拟库（比如 css-grid-polyfill），但容易翻车；二是AJAX统一走 axios，它内置了XMLHttpRequest降级，比原生fetch+polyfill更省心。

最后说句实在的：IE兼容不是技术信仰，是现实妥协。能拖到明年就拖，该劝产品砍需求就砍——但万一真绕不开，上面这几个选项，真试过，不坑人。