vite打包向下兼容解决语法不兼容报错问题

1,006 阅读1分钟

项目中打包中会遇到一些浏览器版本不支持es6的一些新的语法,如果出现语法报错或者不支持的报错情况,可以向下兼容。

在 Vite 构建过程中,build.target 可以用来指定构建的目标平台。build.target 属性是在 vite.config.js 配置文件中设置的。

以下是一些常见的 build.target 可选值:

  • es2015: 构建出的代码将针对现代浏览器,支持 ES2015 语法。
  • modules: 构建出的代码将使用 ES 模块(ES modules)格式。
  • browser: 构建出的代码将面向浏览器环境。
  • node: 构建出的代码将面向 Node.js 环境。
  • webworker: 构建出的代码将面向 Web Worker 环境。

你可以根据需要选择适合你项目的 build.target 值。例如,在 vite.config.js 文件中设置 build.target 如下:

可以做向下兼容

export default {
   build: { 
     target: 'es2015'
   } 
}