Vite2 打包后 Dist 文件中存在 Let 关键字的解决方法
如果在使用 Vite2 打包 ES6 转 ES5 后,dist 文件中仍然存在 'let' 关键字,可能是因为 Vite2 默认使用了 ES 模块的方式进行打包,并且不会对 ES6 的语法进行转译。要解决这个问题,可以尝试以下两种方法:
-
使用 Babel 进行转译:在 Vite2 项目中安装 Babel 相关的插件,并配置 '.babelrc' 或 'babel.config.js' 文件,将 ES6 的语法转译为 ES5 的语法。具体的配置可以参考 Babel 官方文档。
-
修改 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 著作权归作者所有。请勿转载和采集!