TypeScript Webpack Import Babel Polyfill Demo

注意: babel polyfill已经deprecated了,推荐直接使用core-js。 使用时不需要webpack处理,只需要在代码中import "core-js"即可。

如果babel polyfill在多个文件中被载入,则在浏览器中,会出问题:

  • 旧版babel-polyfill: 报错
Uncaught Error: only one instance of babel-polyfill is allowed
  • 新版@babel/polyfill: 警告
@babel/polyfill is loaded more than once on this page. This is probably not desirable/intended and may have consequences if different versions of the polyfills are applied sequentially. If you do need to load the polyfill more than once, use @babel/polyfill/noConflict instead to bypass the warning.

解决办法是:

  • 旧版babel-polyfill: 使用idempotent-babel-polyfill这个库
  • 新版@babel/polyfill: 使用@babel/polyfill/noConflict
npm install
npm demo