时间戳

首页 > 解决方案 > 将 babel-polyfill 添加到 Webpack 4 配置文件

webpack - 将 babel-polyfill 添加到 Webpack 4 配置文件

问题描述

我想将 babel-polyfill 添加到我的 webpack.config.js 中。Babel 文档展示了如何做到这一点：

module.exports = {
  entry: ["babel-polyfill", "./app/js"]
};

但是，在我的 webpack.config.js 中，我使用的不仅仅是一个入口点：

module.exports = {
    entry: {
    'js/bundle': './src/scripts/index', // generates bundle.js inside dist/js folder
    'js/another': './src/scripts/another', // generates another.js inside dist/js folder
  },
}

它在dist/js文件夹中生成两个不同的包。但是现在，我不知道如何将babel-polyfill添加到我的条目中。

我试过这个：

  entry: [
    babel-polyfill,
    {
      'js/bundle': './src/scripts/index', // generates bundle.js inside dist/js folder
      'js/another': './src/scripts/another', // generates another.js inside dist/js folder
    },
  ]

但是当我尝试构建时，出现此错误： SyntaxError: Unexpected identifier

有什么帮助吗？

标签： webpackbabeljs

解决方案

我发现这个线程是因为当我单独使用 Babel 加载器时数组 forEach 没有被转译，IE 11 抱怨。我所做的只是 npm install babel-polyfill，然后在我的主 js 文件中我需要（'babel-polyfill'）。实际上我不需要修改我的 webpack 配置。安装 babel-polyfill 并要求它后，成功编译 forEach

推荐阅读