使用Webpack和Babel Polyfill

Question

我需要在每个入口文件的顶部加上import "babel-polyfill"吗？还是仅有在webpack.config文件中使用babel-polyfill规则就足够了？我被polyfill文档弄糊涂了，仍然收到以下错误：only one instance of babel-polyfill is allowed 我的webpack配置简述如下：

  entry1: ['babel-polyfill', 'homepage.js'],
  entry2: ['babel-polyfill', 'not-homepage.js'],
  entry3: ['babel-polyfill', 'contacts.js']

- exoslav

Answer 1

你遇到这个错误是因为调用了多个babel-polyfill实例。

你可以选择以下两种任意一种，但不能同时使用。

如果你在使用webpack，请勿将单独的入口指向不同的文件，而是应该指向一个目录。

例如：如果你的文件在app/js中。

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

如果您决定导入它，请确保在应用程序的入口点之前，即任何其他调用之前只导入/需要一次。

- sznrbrt

---

谢谢！我想那就是问题所在……我已经按照你说的更改了入口点(entry: ['babel-polyfill', './src/js/'])，但现在运行webpack时出现了一个错误(ERROR in multiple main)。我应该也更改输出字段吗？目前我的输出为： output: { path: path.join(__dirname, '/dist'), filename: '[name].js' }) - exoslav