如果在使用 Vite2 打包 ES6 转 ES5 后,dist 文件中仍然存在 'let' 关键字,可能是因为 Vite2 默认使用了 ES 模块的方式进行打包,并且不会对 ES6 的语法进行转译。要解决这个问题,可以尝试以下两种方法:

  1. 使用 Babel 进行转译:在 Vite2 项目中安装 Babel 相关的插件,并配置 '.babelrc' 或 'babel.config.js' 文件,将 ES6 的语法转译为 ES5 的语法。具体的配置可以参考 Babel 官方文档。

  2. 修改 Vite2 的配置:在 vite.config.js 文件中,添加 'rollupOptions' 配置项,并设置 'output.format' 为 'cjs',这样可以将所有的代码转换为 CommonJS 模块的语法,从而解决 ES6 语法在打包后仍然存在的问题。

// vite.config.js
export default {
  // ...
  build: {
    rollupOptions: {
      output: {
        format: 'cjs',
      },
    },
  },
};

以上两种方法可以根据具体的项目需求进行选择和配置,以确保在打包后的 dist 文件中,不存在 ES6 语法。


原文地址: https://www.cveoy.top/t/topic/o2Rt 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录