webpack | Babelを使ってES6をトランスパイルする

webpack | Babelを使ってES6をトランスパイルする

まずはloaderを入れるために下記のコマンドを実行します。

npm install –save-dev babel-loader@8.0.6

続いて下記を実行します。

npm install –save-dev @babel/core@7.9.6

下記も実行します。

npm install –save-dev @babel/preset-env@7.9.6

これで必要なパッケージがインストールされました。
最後にweb pack.confogに設定を書いていきます。

検証から確認すると導入前と後でJavaScriptがトランスパイルされているのが確認できます。

■前

■後