Vite 不使用 Babel 插件转译代码

Question

我正在尝试使用 Babel/preset-env 转换默认的 Vite 模板 JS，以兼容旧版浏览器 - 到 es2015。在Vite生成的代码中仍然出现const而不是var。

我正在使用这个插件 - https://github.com/owlsdepartment/vite-plugin-babel

我的配置文件如下所示：

import { defineConfig } from "vite";
import babel from "vite-plugin-babel";

export default defineConfig({
    plugins: [
        babel({
            babelConfig: {
                babelrc: false,
                configFile: false,
                presets: ["@babel/env"]
            },
        }),
    ],
    server: {
        host: "127.0.0.1", // I couldn't load site with localhost
    }
});

我可以看到，在调用

npm run build

时，会加载上面声明的插件。然后我在 dist 文件夹中只得到 2 个文件，而不是 4 个，这是我没有使用任何配置时生成的。

我尝试通过安装以下软件包来实现此目的：
•

npm create vite@latest

- 使用 VanillaJS
•

npm install -D vite-plugin-babel

•

npm install -D @babel/preset-env

我还安装了

@babel/plugin-transform-block-scoping

，并尝试将其添加为插件 - 但据我所知，如果使用预设环境，我不应该需要它，但我仍然得到

const

而不是

 var

转译版本。

我也尝试过将vite选项

build.target

设置为

es2015

，但也没有帮助。

我尝试将Javascript转译成与Vite集成的~ES2015/ES5

Answer 1

要支持 ES 模块之前的浏览器，请使用 vite 传统插件