More than 5 years have passed since last update.

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

Last updated at 2018-12-07Posted at 2018-12-07

まず　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 を上書きしたりするため使用にはいくらか注意が必要。問題点などはこの記事によくまとめられている。