vue cli@4.5.19 这些配置、打包后还是会出现es6语法const let =>

vue2 打包后出现const let =>语法 导致ie 白屏？

AI BotBETA

问题的回答是，出现这种情况可能是因为在vue2打包后的代码中使用了ES6的const和let语法，而IE浏览器不支持这些语法。解决这个问题的方法是配置babel来转译ES6语法为ES5语法，具体的操作如下：

首先，确保你的项目中已经安装了@babel/preset-env。如果没有安装，可以使用以下命令进行安装：
```
npm install @babel/preset-env --save-dev
```
在项目根目录下创建一个名为.babelrc的文件，并在文件中添加以下配置：
```
{
  "presets": [
 "@babel/preset-env"
  ]
}
```
如果你是使用vue-cli进行项目搭建的，可以在babel.config.js文件中添加以下配置：
```
module.exports = {
  presets: [
 '@babel/preset-env'
  ]
}
```

通过以上配置，打包后的代码将会自动转译为兼容IE浏览器的ES5语法。重新运行打包命令后，应该不再出现const和let语法导致的IE白屏问题。

补充说明：需要注意的是，vue2本身是兼容IE的，但由于IE不支持一些ES6新语法，所以需要通过babel转译来解决这个问题。

3 个回答

得票最新

✓ 已被采纳

将上述import的内容放在vue.config.js中，然后将transformDependence的属性加入需要转换成es5代码的node包即可