javascript - 具有多个入口点的 Internet Explorer 11 的 webpack 4/vue.js 示例

Question

这是我无数次使用 webpack 似曾相识的 Internet Explorer。我几乎完成了我的项目，即将部署，即 11 f$&#s 搞定一切。

我不知道为什么。我以为我已经用 babel-polyfill 和最后两个版本覆盖了所有内容。但这太容易了。

我得到:

该对象不支持“includes”属性或方法。(德语原文:Das Objekt unterstützt die Eigenschaft oder Methode "includes"nicht)

它提示这段代码:

/******/if (!me.children.includes(request)) me.children.push(request);

很明显 Array.prototype.includes 没有被填充。

vue js 客户端渲染的 webpack 配置基本上是这样的:

module.exports = {
  target: 'web',
  entry: {
    app1: ['babel-polyfill', 'picturefill', './src/entry-client1.js'],
    app2: ['babel-polyfill', 'picturefill', './src/entry-client1.js']
  },
  output: {
    path: path.resolve('public/dist'),
    publicPath: '/dist
  }
  /* some other stuff */
}

我使用的是 Webpack 4.1 版和 Vue 2.5.15 版。它是 IE11。

也许有人可以简单地向我指出一个实际适用于 IE11 的配置示例。我什至不在乎询问任何以前的 IE 版本了。

Answer 1

您可能会考虑安装(npm i --save core-js 或 yarn add core-js)，然后在您的入口点顶部添加你的项目

import 'core-js'

此刻core-js polyfill library是实现跨浏览器支持的最简单方法