vite+vue3项目兼容低版本浏览器

一、配置Vite以支持旧版浏览器

1. 指定构建目标

   Vite默认支持的是较新的浏览器版本。为了兼容低版本浏览器，你需要在vite.config.js（或vite.config.ts）文件中指定一个较低的构建目标。例如，你可以将目标设置为es2015，这是大多数现代浏览器都支持的一个版本。

   export default defineConfig({
        
        
     build: {
        
        
       target: 'es2015'
     }
   });
   

2. 使用@vitejs/plugin-legacy插件

   @vitejs/plugin-legacy插件是Vite官方提供的一个用于增强旧版浏览器兼容性的插件。它可以在打包过程中自动处理一些不兼容的语法和新API，并为旧版浏览器生成相应的polyfill。

   • 安装插件：

     npm install @vitejs/plugin-legacy terser -D
     

   • 在vite.config.js中配置插件：

     import {
            
             defineConfig } from 'vite';
     import vue