babel：polyfill Array.from for IE11 support

Question

現在、私のReactアプリケーションがIE11で動作するようになっています。問題は、新しいES6のものがIE11で利用できないものがあるようです。だから私の目標は欠けている機能をポリフィルすることです。私は、Reactアプリケーションのゼロコンフィギュレーション設定であるnwb [1]を使用しています。しかし、私はどのようにBabel（またはWebpack？）をArray.fromのような特定のメソッドをポリフィルするように設定するのか不明です。 fetch、Promise、Object.assignはすべてpolyfillされていますが、Array.fromではありません。どんな助けでも大歓迎です。

module.exports = { 
     type: 'react-app', 
webpack: { 
    define: { 
     VERSION: JSON.stringify(require('./package.json').version), 
     HOSTNAME: JSON.stringify(process.env.NODE_ENV === 'production' ? 
        'https://xyz.azurewebsites.net' : 
        'http://localhost:8080') 
    }, 
    rules: { 
     babel: { 
      test: /\.jsx?/ 
     } 
    }, 
    extra: { 
     resolve: { 
      extensions: ['.jsx'] 
     }, 
     devtool: '#inline-source-map' 
    }, 
    html: { 
     favicon: 'src/img/favicon.ico' 
    } 
} 
}; 

おかげで、アプリを反応させるのための

[1]のツールキット：

は、ここに私のnwb.configファイルです。 https://github.com/insin/nwb

Answer 1

あなたのプロジェクトにbabel-polyfillを追加する必要があります。

これは完全なES2015 +環境をエミュレートし、 がライブラリ/ツールではなくアプリケーションで使用されることを意図しています。このpolyfillは、babel-nodeを使用すると自動的に が読み込まれます。

これは、あなたが新しい約束やWeakMapなどの組み込み関数、Array.fromまたはObject.assignなどの静的メソッド 、 Array.prototype.includesのようなインスタンスメソッド、および発電機の機能を使用できることを意味します（ 再生器を使用して設けられますプラグイン）。ポリフィールは、これを行うためにStringのようなネイティブプロトタイプとして をグローバルスコープに追加します。

あなたはおそらく、あなたのメインのjsファイルの先頭にそれをインポートすることですための最も簡単な方法：あなたは `webpack.config.js`ファイルへのアクセスを

import 'babel-polyfill';