babel を使用して es6 構文を es5 に変換する簡単な方法

Babel は、ES6 コードを ES5 コードに完全に変換できるトランスコーダーです。この記事では、Babel を使用して es6 構文を es5 に変換する方法について詳しく紹介します。それ。皆さんのお役に立てれば幸いです。

前書き

Babel は、既存の環境で実行できるように ES6 コードを ES5 コードに変換できる、広く使用されているトランスコーダーです。

これは、既存の環境が ES6 をサポートしているかどうかを心配することなく、ES6 でプログラムを作成できることを意味します。

この記事では、node と npm を事前にインストールする必要があることについて説明します。非常に詳細な記事 http://www.jb51.net/article/90518.htm を参照してください。 file Directory structure Package Management Configuration FilePackage.json

npm init -y

Install変換ツールのインストール。

npm i -g babel-cli

npm i --save-dev babel-preset-es2015 babel-cli

関連する推奨事項:

ES6 クラスの super キーワードの詳細な説明

Webstorm の新しい .vue ファイルは、強調表示された vue 構文と es6 構文をサポートします

ES6 のクラスの静的メソッドの機能とは何ですか

以上がbabel を使用して es6 構文を es5 に変換する簡単な方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。