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

IT行业相对于一般传统行业，发展更新速度更快，一旦停止了学习，很快就会被行业所淘汰。所以我们需要踏踏实实的不断学习，精进自己的技术，尤其是初学者。今天golang学习网给大家整理了《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解决？》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！