Laravel Mix是否默认将ES6代码转译为ES5以兼容IE？

好问题！刚好我对Laravel Mix的配置细节比较熟悉，给你梳理清楚：

首先，Laravel Mix默认是会将ES6+语法（包括你用到的模板字符串）转译为ES5兼容代码的，这背后的核心原因是它默认集成了@babel/preset-env这个Babel预设。这个预设的作用就是自动识别目标环境不支持的JavaScript语法，然后把它们转译成兼容的ES5代码——模板字符串这种ES6特性自然在转译范围内，所以IE浏览器也能正常运行转译后的代码。

至于你查阅文档没找到明确说明的情况，其实这个逻辑藏在Mix的默认配置里：

• Laravel Mix的底层Webpack配置中，默认给.js文件启用了babel-loader，并配置了@babel/preset-env作为默认预设。你可以直接查看项目中node_modules/laravel-mix/src/config/webpack.config.js文件，找到关于babel的配置块就能确认这一点。
• 官方文档里的「Babel」章节虽然没有直接提模板字符串，但明确说明了Mix默认会处理Babel转译，而@babel/preset-env的默认行为就是覆盖包括IE11在内的主流旧浏览器，所以ES6特性都会被转译。

如果你想更精准控制目标浏览器（比如明确指定要兼容IE11），可以在项目根目录创建babel.config.js文件，自定义@babel/preset-env的配置：

module.exports = {
  presets: [
    ['@babel/preset-env', {
      targets: {
        ie: '11',
        chrome: '58',
        firefox: '54'
      }
    }]
  ]
};

这样就能确保所有不被目标浏览器支持的ES6+语法都被正确转译啦。

内容的提问来源于stack exchange，提问作者DatsunBing