前端框架搭建需要注意的版本问题

前端是一个发展非常快速的技术，基本上每半年就有非常大的变动，所以经常会接受到新知识、新技术，但是我在2025年11月底搭建的一个vue框架上使用新技术的时候遇到了一些兼容性问题。

Vue3已经完全不兼容IE浏览器了，Windows的默认浏览器也变成了Edge浏览器，所以对于框架的选择已经广泛了很多，但是就因为这个掉以轻心去随便上新版本，可能会遇到很多问题。

接下来就说一说，我在使用新技术搭建框架的时候遇到的一些版本问题。

vue2还是vue3

这个还是前面说的，如果你需要支持ie浏览器，那只能是vue2版本。

对于ie浏览器也有ie7,8,9,10,11这几个版本，尽管你选择了vue2，也可能需要对ie的这几个版本做一些单独的适配。比如我当时在写医院的his系统的时候，最高也就只能支持到ie9，其中支持的比较好的是ie11版本，再往之前的版本就打不开页面了。

ie中浏览器常见的问题有一些数组的方法没有，promise没有等等。

ie9之后的兼容性配置在安装了polyfill.js后都可以解决，如果需要完全支持ie所有版本估计只能jquery了，这就相当麻烦了。

vite版本

目前vite已经更新到了v8版本，使用了一个用rust编写的rolldown编译工具，当时我感觉这个太新了，有点实验性质，没有采用，还是使用了vite7的rollup版本。

说实话vite7的版本已经很危险了，贴一下官方的浏览器配置提示：

在上面的默认配置中可以看到，在vite7的默认配置下，只能支持到2022年底的浏览器版本，如果客户使用更旧一点的浏览器可能就会加载不出来内容。

浏览器版本	正式发布日期	关键发布信息摘要
Chrome 107	2022年10月25日	初始稳定版发布，包含14项安全修复；同年11月为修复紧急漏洞发布后续小版本更新。
Microsoft Edge 107	2022年10月27日	引入侧边栏生产力工具、网站错别字保护等新功能。
Firefox 104	2022年8月23日	新增网站耗电分析工具（支持Win11及Apple M1）、支持Disney+画中画字幕等。
Safari 16	2022年9月13日	随iOS 16正式版一同推出，首次支持AVIF图像格式，新增标签页组同步、强密码等功能。

按照官网的提示添加一些打包配置，可以支持到 2018-2020年的版本，已经稍微好一点了，如果你需要支持更早的项目，那可能得比vite7更早的版本了。

浏览器版本	正式发布日期	主要发布背景与关键特性
Chrome 64	2018年1月24日	以安全增强为核心，增加对Spectre（幽灵）CPU漏洞的站点隔离缓解措施，并开始默认屏蔽烦人的自动播放声音。
Firefox 67	2019年5月21日	注重隐私与性能，首次推出“增强型跟踪保护”，并引入了按需加载标签页以节省内存的“标签页休眠”功能。
Safari 11.1	2018年3月30日	随 macOS High Sierra 10.13.4 和 iOS 11.3 一起发布，核心更新是全面支持服务工作者，让网页能离线工作，是PWA应用的基础。
Microsoft Edge 79	2020年1月15日	这是首个基于 Chromium 开源项目重构的稳定版，标志着Edge浏览器内核的重大转变，旨在提升兼容性和性能。

1
// 添加legacy配置（需要安装@vitejs/plugin-legacy），添加build配置
2
export default defineConfig(({mode}) => {
3
  return {
4
    plugins: [
5
      vue(),
6
      legacy({
7
        targets: ['defaults', 'not IE 11'],
8
        additionalLegacyPolyfills: ['regenerator-runtime/runtime'],
9
      }),
10

11
      vueDevTools({
12
        launchEditor: 'webstorm',
13
      }),
14
    ],
15
    // ，，，
7 collapsed lines
16
    build: {
17
      target: ['es2015', 'safari13'],
18
      cssTarget: 'es2015',
19
    },
20
    // ...
21
  }
22
})