ホームページ > ウェブフロントエンド > jsチュートリアル > babel を使用して es6 構文を es5 に変換する簡単な方法

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

小云云
リリース: 2018-01-05 10:47:14
オリジナル
2880 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート