当我使用 vite 代替 webpack 时是否需要 babel 配置答案

【问题标题】：is it required babel configuration when I use vite in place of webpack当我使用 vite 代替 webpack 时是否需要 babel 配置
【发布时间】：2023-02-03 17:07:20
【问题描述】：

最近我正在使用 vite 创建 React 应用程序，它是轻量级的，配置少且速度快，然后与 webpack 进行比较。现在我的问题是，是否需要寓言Vite项目中的配置

【问题讨论】：

标签： node.js reactjs webpack vite cra

【解决方案1】：

不，vite 会自动进行语法转换，但它只针对支持 es 模块的浏览器（firefox 和 chrome 大约在 2018 年左右开始支持它）。如果你想在旧浏览器中支持新的 js 特性，你需要添加 polyfills。您可以了解确切的行为以及如何支持更旧的浏览器here。

【讨论】：

【解决方案2】：

我认为该问题需要有关该主题的更多信息。

Vite.js 使用浏览器内置的 JavaScript 支持，因此您无需在 Vite.js 本身显式配置 JavaScript 版本。

当我说 Vite.js uses the built-in JavaScript support of the browser 时，我的意思是 Vite.js 依赖浏览器的 JavaScript 引擎来解释和运行应用程序中的 JavaScript 代码。 JavaScript 引擎是浏览器中执行 JavaScript 代码的组件。当您访问包含 JavaScript 的网页时，浏览器会使用其内置的 JavaScript 引擎运行 JavaScript 代码。这意味着您的应用程序支持的 JavaScript 版本由浏览器内置的 JavaScript 引擎版本决定。对于 Vite.js，应用程序中的 JavaScript 代码在浏览器运行之前不会被转译或以其他方式修改。但是，如果您的应用程序使用目标浏览器不支持的现代 JavaScript 语法，您将需要将代码转换为受支持的语言的旧版本。在这种情况下，您可以使用 Babel。

【讨论】：