[Webpack] babel

💡 Webpackとbabelは特に関係ありませんが、webpackを設定する際に主にbabelを追加します.

BabelはJavaScriptコンパイラです。

compiler?

📖 In computing, a compiler is a computer program that translates computer code written in one programming language into another language

を説明すると、コンピュータを読みやすいプログラミング言語から読みやすいコードに変換してコンパイラと呼ぶ.

たとえば、

変数に割り当てられたコードは読みやすいが、コンピュータは理解しにくい.以下に示すように.最終的には、01010011などのバイナリフォーマットに変換してこそ、コンピュータが理解できる.

a = 1

という高度な言語からコンピュータによく知られている低レベルの言語への変換は主にコンパイラである.
また

コンパイル言語もあります.c、c++、javaなど.

JavaScriptまたはPythonは、コンピュータ解釈の「割り込み言語」と呼ばれるコンパイル言語ではありません.

バーベルが必要な理由は?

BabelはJavaScriptコンパイラです.

JavaScriptはコンパイル言語ではありませんか?

Babelは、リリースされたばかりの新しいJavaScriptバージョンをES 5バージョンに変換し、任意のブラウザで使用できます.すなわち,ブラウザはまだ新しいjavascriptバージョンを迎える準備ができていないが,開発者は新しいバージョンを用いて効率的な構文を事前に記述することを望んでいるため,このようなBabelが現れた.

はJavaScriptからJavaScriptに変換されますが、高バージョンから低バージョンに変換され、低バージョンはブラウザが解釈できるバージョンなので、コンパイルという言葉を使用する可能性があります.しかし、c、c++、javaのみのコンパイルに精通している人は、「コンパイラ」ではなく「コンパイラ」と言うかもしれません.

create react appを使用して開発する場合、ブラウザがまだ受け入れていないさまざまな最新の方法をよく使用します.create react appにはBabelが設定されているので、バージョンを考慮せずに勝手に開発できます!

バーベル関連必須モジュール

babel-loader:バーベルとwebspecがどのように動作するかについての

@babel/core:babelにおけるbabelに関連するコアモジュール

@babel/preset-env: ES2015?6?7位モジュール

@babel/prefet-react:jsxをjsに変換!