带有多个入口点的 Internet Explorer 11 的 webpack 4/vue.js 示例答案

【问题标题】：webpack 4/vue.js example for internet explorer 11 with several entry points带有多个入口点的 Internet Explorer 11 的 webpack 4/vue.js 示例
【发布时间】：2018-08-24 05:39:10
【问题描述】：

这是我无数次使用 webpack déjà vu 的 Internet Explorer。我几乎完成了我的项目，即将部署，即 11 f$s up 一切。

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

我得到：

对象不支持“包含”的属性或方法。（德语原文：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 版本。

【问题讨论】：

是否安装了依赖项下的 babel-polyfill 包（不是 devDependencies）？

标签： javascript internet-explorer webpack vue.js

【解决方案1】：

您可以考虑安装（npm i --save core-js 或 yarn add core-js），然后添加到项目入口点的顶部

import 'core-js'

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

【讨论】：