Vite打包JS库时ES6未转译成ES5？如何通过配置vite.config.js解决？

针对在 vite 搭建 js 库后 es6 未能转译成 es5 的问题，需要对配置文件进行调整。

在 vite.config.js 文件中，rollupoptions 的 plugins 数组里需要添加以下内容：

  plugins: [
    babel({
      babelHelpers: "bundled",
      exclude: "node_modules/**",
      presets: [
        [
          "@babel/preset-env",
          {
            targets: {
              browsers: "defaults", // 将目标浏览器设定为默认配置
            },
            useBuiltIns: "entry",
            corejs: 3,
          },
        ],
      ],
    }),
  ],

其中，将 targets.browsers 设定为 "defaults" 表示遵循默认的浏览器兼容性配置，覆盖主流浏览器及最新两个版本的 ie，可以解决 es6 转译为 es5 的问题。

以上就是Vite打包JS库时ES6未转译成ES5？如何通过配置vite.config.js解决？的详细内容，更多请关注硕下网其它相关文章！