我可以導入babel-polyfill模塊而不是全部嗎？

Question

如何導入babel-polyfill的某些特定模塊而不是全部導入？ 對我來說，導入所有內容似乎太大了，我只使用它的一些功能。

我想要的是如下：

import "babel-polyfill/symbol";

Answer 1

在引擎蓋下， babel-polyfill使用了一個名為core-js的項目（當然還有一些自定義）。 它公開了一個CommonJS API ，所以假設您正在轉換為CommonJS（使用preset-es2015時的默認行為），您可以簡單地使用它：

// This pollutes the global namespace. May conflict with
// any real Symbol implementations in the future
import "core-js/es6/symbol";
// Namespace-safe Symbol import
import symbol from "core-js/es6/symbol";

使用這種方法很重要的是你使用某種捆綁器（Browserify，Webpack等），因為core-js由許多較小的模塊組成，可能會導致大量不必要的HTTP請求。

Answer 2

如果您不希望導入整個babel-polyfill以進行優化，則可以直接導入core-js。 核心js可以

//import 'babel-polyfill';  

//Selective imports in modular pattern
import 'core-js/fn/object/assign';
import 'core-js/fn/promise';
import 'core-js/fn/string/includes';