webpack + babel の開発環境でIE対応させる


まず babel-polyfill をインストール。

yarn add @babel/polyfill

その次に webpack.babel.config.js の entry の項目を以下のように修正

// 修正前
entry: {
        test: './src/test/main.js'
}

// 修正後
entry: {
        test: ['@babel/polyfill', './src/test/main.js']
}

これでトランスパイルすればIEなどES6対応していないブラウザのサポート完了。

詳細は公式ページ

Polyfillは prototype を上書きしたりするため使用にはいくらか注意が必要。問題点などはこの記事によくまとめられている。