通过Webpack构建后，5应用程序停止在(IE11)上工作

Question

正如WebPages5.0发布版中所宣布的那样，博客文章构建在大多数浏览器中仍然有效，在webpack.config.js中做了一些小的调整。

但是它在Internet (11)中停止工作，因为生成的输出是混合的ES6和ES5，因此与IE不兼容(见图)。

​

​

由于它实际上没有导致使用各种babel插件成功构建，我在问自己是否有一种“简单”的方法将ES5指定为生成的输出。

从webpack-5的beta阶段，我在5~6成熟上发现了一个标志，它似乎不再起作用了。

module.exports = {
  output: {
    filename: [name].js,
    ecmaVersion: 5 // <- this flag
  }
}

在5.x版中是否有"webpack在路上构建“，以ES5为输出目标？

Answer 1

在webpack v5指南，来自v4中，它说：

默认情况下，webpack的运行时代码使用ES2015语法构建更小的包。如果您的构建目标环境不支持此语法(如IE11)，则需要将target: ['web', 'es5']设置为ES5语法(如果目标环境为浏览器，则为'web')。

所以你可以试着设置：

target: ['web', 'es5']

然后将代码转换为ES5。

Answer 2

您可以使用output.environment手动配置webpack运行时中可用的功能。

但是，默认情况下 webpack 5将尊重它找到的任何browserslist条目，并将运行时设置为只使用目标浏览器中可用的那些功能。您可以使用任何方法这里配置要针对哪个浏览器，但最简单的方法是在package.json中指定一个键。

"browserslist": "ie 11"