ホームページ  >  記事  >  ウェブフロントエンド  >  babel を使用して es6 構文を es5 に変換する方法

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

亚连
亚连オリジナル
2018-06-23 14:27:191422ブラウズ

Babel は広く使用されているトランスコーダーです。Babel は ES6 コードを ES5 コードに完全に変換できます。この記事では、Babel を使用して es6 構文を es5 に変換する方法について詳しく説明します。とても詳しく書かれているので、困っている友達が参考にすることができます。

はじめに

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

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

この記事では、node と npm を事前にインストールする必要があることについて説明します。詳細については、//www.jb51.net/article/90518.htm の記事を参照してください。

ファイルディレクトリ構造

パッケージ管理設定ファイルpackage.jsonを生成する

npm init -y

変換ツールをインストールする

npm i -g babel-cli

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

.babelrcファイルに次の内容を書き込みます

れee

コンパイルされたファイル

{
 "presets": [
 "es2015"
 ],
 "plugins": []
}

上記は私が皆さんのためにまとめたものであり、今後皆さんのお役に立てば幸いです。

関連記事:

JavaScriptを使って県市連携を実現する方法

vueでwatcherを使う方法

vueで計算されたプロパティを使う方法

jsonデータをExcelにエクスポートする方法Vue スプレッドシート

WeChat アプレットでの tabBar の使用法 (詳細なチュートリアル)

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。