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

Question

这是我的第一个使用webpackdéjàvu的互联网浏览器。我的项目几乎完成了，即将部署，也就是花了11美元来完成所有工作。

我不知道为什么。我以为我的一切都覆盖了babel-polyfill和最后两个版本。但这太容易了。

我正在：

该对象不支持属性或方法“包含”。（德语原文：Das Objektunterstütztdie Eigenschaft oder Methode“ includes” nicht）

并且正在抱怨这段代码：

/ ****** /如果（！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是提供跨浏览器支持的最简单方法