Reactを始める方法

tags: `node` `react` `babel` `webpack`

【Reactを始める方法】第3回インストール編 - Babel

連載の記事

今回やること

Babel のインストール

Babel をインストール

Babelは、新しい構文のJavaSctiptを、いまのブラウザが解釈できる構文に変換してくれます。
導入することで、ブラウザがまだサポートしていないような構文が使えるようになります。

npm install @babel/core @babel/preset-env @babel/preset-react babel-loader --save-dev

追加プラグインをインストール

npm install @babel/plugin-proposal-class-properties --save-dev
npm install @babel/plugin-proposal-decorators --save-dev
npm install @babel/plugin-proposal-export-namespace-from --save-dev
npm install @babel/plugin-proposal-function-sent --save-dev
npm install @babel/plugin-proposal-json-strings --save-dev
npm install @babel/plugin-proposal-numeric-separator --save-dev
npm install @babel/plugin-proposal-throw-expressions --save-dev
npm install @babel/plugin-syntax-dynamic-import --save-dev
npm install @babel/plugin-syntax-import-meta --save-dev

表示にモダンでないブラウザ(IE) を使うときは、これをインストールします。