@vitejs/plugin-legacy 是一个为 Vite 打包工具提供的插件，它用于给构建后的代码添加传统浏览器（通常是不支持现代 ES6+ 语法和APIs的旧版浏览器）兼容性支持。这个插件会自动将你的代码转换成老版本的JavaScript，并且根据需要引入polyfills。

使用 @vitejs/plugin-legacy 插件可以帮助开发者确保他们的应用能够在旧版浏览器上运行，而不需要手动转换代码或者添加polyfills。

如何使用：

安装插件 ：

首先，你需要安装这个插件到你的项目中。通过npm或yarn来安装：
Sh 复制代码
```
npm install @vitejs/plugin-legacy --save-dev
# 或者
yarn add @vitejs/plugin-legacy --dev
```

配置Vite ：

在你的 vite.config.js 或 vite.config.ts 文件中，导入并使用这个插件：

JavaScript 复制代码

import { defineConfig } from 'vite';
import legacy from '@vitejs/plugin-legacy';

export default defineConfig({
  plugins: [
    legacy({
      targets: ['defaults', 'not IE 11']
    })
  ]
  // 其他配置...
});

指定目标浏览器 ：

在插件选项中，你可以通过 targets 属性来指定要支持的浏览器。例如，'defaults' 是Browserslist默认值，表示主流浏览器的最新两个版本；'not IE 11' 表示除了IE 11以外所有满足'defaults'条件的浏览器。
构建项目 ：

当你运行Vite构建命令时（如 npm run build），这个插件会自动处理兼容性问题。

请注意，在大多数现代化项目中，默认情况下可能不需要这个插件，因为现代浏览器已经很好地支持ES6+特性。但如果你需要支持较老版本的浏览器（比如企业环境中仍然在使用），那么这个插件就非常有用了。

另外，请确保阅读该插件在GitHub上或其他文档资源上提供的最新文档和更新说明，以获取更详细和准确的信息。

targets 还有哪些配置呢？比如我是开发手机移动端的，需要支持哪些浏览器

targets 配置是用来指定你希望兼容的浏览器环境。它通常使用 Browserslist 查询字符串，这是一个在不同前端工具之间共享目标浏览器和Node.js版本的配置。

对于移动端开发，你可能需要支持的浏览器包括但不限于以下几种：

Chrome for Android
Safari on iOS
Samsung Internet
Firefox for Android
UC Browser for Android
Opera Mobile

要为这些浏览器配置 targets，你可以使用类似以下的Browserslist查询：

JavaScript 复制代码

legacy({
  targets: [
    'last 2 versions',
    'iOS >= 10',
    'Android >= 6',
    'Chrome >= 49',
    'Safari >= 10',
    'Samsung >= 5',
    'OperaMobile >= 46',
    // 其他特定版本或者范围
  ]
})

在上面的例子中，last 2 versions 表示每个浏览器最新的两个版本。其他条件如 iOS >= 10 表示iOS设备上Safari浏览器的版本至少是10。类似地，你可以根据实际需求调整这些值以匹配特定版本或者更广泛的范围。

请注意，过于宽泛的 targets 设置可能会导致生成较大体积且较慢执行速度的代码，因为需要引入更多polyfills和转换代码以支持旧版浏览器。因此，在设置时应当尽量精确地反映出你真正需要支持的环境。

另外，请参考 Browserslist 的官方文档来获取更多关于查询语法和选项的信息。通过合理配置 targets 可以确保你构建出来的应用能够在目标移动设备上良好运行。

我司的设置

ts 复制代码

targets: ["defaults", "not IE 11", 'chromeAndroid>=52, iOS>=13.1'],

@vitejs/plugin-legacy 是什么包，如何使用呢？

如何使用：

targets 还有哪些配置呢？比如我是开发手机移动端的，需要支持哪些浏览器

我司的设置