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

Question

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

我要的是像以下：

import "babel-polyfill/symbol"; 

Answer 1

引擎蓋下，該babel-polyfill使用一個稱爲core-js（當然，一些客戶化）項目。它公開了一個CommonJS API，所以假設你transpiling到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';