vite3.0 要安装哪个版本的 @vitejs/plugin-legacy

从 Vite 3.0 开始，@vitejs/plugin-legacy 已经被弃用，因为 Vite 3.0 本身已经支持自动转换 ES modules 和使用现代浏览器支持的功能，而不需要用户手动安装插件。

如果你需要兼容旧浏览器，可以在 Vite 配置文件中设置 `build.target` 选项为 `es2015`，这样 Vite 会自动将你的代码转换为 ES2015 及以下版本的 JavaScript。

如果你需要手动安装旧版的 @vitejs/plugin-legacy，你可以在安装时指定版本号，例如：

npm install @vitejs/plugin-legacy@1.1.4

但是建议直接使用 Vite 3.0 的自动转换功能，无需再安装插件。

相关问题

vite @vitejs/plugin-legacy 配置 polyfills

Vite是一个现代的前端构建工具，它支持快速启动和热更新。`@vitejs/plugin-legacy`插件主要用于处理浏览器兼容性问题，尤其是对旧版本JavaScript和API的支持。配置polyfills（即向后兼容层）的过程如下：

1. 安装插件：首先需要安装`@vitejs/plugin-legacy`，可以使用npm或yarn命令行工具：

   npm install @vitejs/plugin-legacy
   # 或者
   yarn add @vitejs/plugin-legacy

2. 添加到vite.config.js文件：在项目的vite配置文件里，找到`plugins`部分，添加`@vitejs/plugin-legacy`并配置polyfills选项：

   import legacy from '@vitejs/plugin-legacy'

   export default {
     plugins: [
       legacy({
         // 针对特定不兼容API的polyfills配置
         polyfills: ['esnext', 'webcrypto'], // 示例：这里指定了ESNext和Web Crypto API的支持

         // 如果你想自定义polyfill文件路径，可以设置file，例如：
         file: 'public/polyfills.js',

         // 是否在dev模式下自动注入polyfills，默认为true
         autoInject: true,

         // 其他可选配置，如是否开启gzip压缩等
         // ...
       }),
     ],
     // ...其他配置...
   }

3. 使用polyfills：现在项目已经配置好了，Vite会在运行时根据你的浏览器支持情况自动引入相应的polyfills，无需手动导入。

@vitejs/plugin-legacy

`@vitejs/plugin-legacy` 是 Vite 构建工具的一个插件，用于为旧版浏览器生成代码降级后的版本。这使得代码可以在不支持最新的 ECMAScript 版本和新的 web API 的浏览器中运行。