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

Question

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

Answer 1

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

1. 首先，确保你的项目中已经安装了@babel/preset-env。如果没有安装，可以使用以下命令进行安装：

   npm install @babel/preset-env --save-dev

2. 在项目根目录下创建一个名为.babelrc的文件，并在文件中添加以下配置：

   {  "presets": [ "@babel/preset-env"  ]}

3. 如果你是使用vue-cli进行项目搭建的，可以在babel.config.js文件中添加以下配置：

   module.exports = {  presets: [ '@babel/preset-env'  ]}

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

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