この記事では、babel6.xのインストールプロセスを紹介します。まず、バベルを使用してオンラインhttps://babeljs.io/repl/を変換できます。
次に、トピックを入力します:babel(コマンドライン環境、babel6.xバージョンのインストール)
1.最初にBabel-Cli(ターミナルでBabelを使用するために使用)
npmインストール-g babel -cli
2。その後、Babel-PreSet-ES2015プラグインをインストールします
npmインストール - ave babel-preset-es2015
注:BABEL5バージョンにはデフォルトでさまざまな変換プラグインが含まれていますが、Transform-ES2015-ARROW-FUNCTIONS、Transform-ES2015-Classesなど、ES2015 Presetなど、BABEL6.x関連の変換プラグインは自分でダウンロードする必要があります。プラグインがインストールされていない場合、コマンドラインでの変換は効果がありません!
その中で、-saveパラメーターはpackage.jsonファイルを自動的に更新し、依存関係に書き込みます
3。コマンドラインに入力します:
Babel ES6.js -Presets ES2015
出力:
「Strictを使用」; [1、2、3] .map(function(x){return x * x;});注:次のパラメーター-Presets ES2015は、コンパイルにこのプラグインを使用することを意味します。アップカーバージョンを書かないと、それは効果がありません。
4。プラグイン構成
このパラメーターを毎回書くのは非常に面倒です。現在のディレクトリで新しい構成file.babelrcを作成できます。
ただし、Windowsシステムでは、直接右クリックしてファイル名なしでファイルを作成することは許可されていません。 CMDコマンドラインを使用して作成できます。現在のフォルダーでCMDを開き、コマンドを入力できます
nul> .babelrcを入力します
現在のディレクトリにfile.babelrcを作成してから、ファイルに書き込みます。
{"presets":['es2015']}次に、使用されたプラグインを示すパラメーターを追加せずにコマンドラインでBabel ES6.jsを直接使用して変換できます
.babelrcファイルの作成に加えて、package.jsonでそれらを構成し、次のプロパティを追加することもできます。
「バベル」:{"プリセット":["es2015"]}Babel Commonコマンドが付いています:
1。ES6.jsファイルを変換し、現在の名前のラインプログラムウィンドウに出力します
バベルES6.js
2。es6.jsを変換し、それをES5.jsファイルに出力します(-oまたは-out -fileを使用)
BABEL ES6.JS -O ES5.JS
Babel ES6.js -out-file es5.js
3.リアルタイム監視ES6.jsは、変更があるとすぐに再コンパイルされます(-Wまたは-Watchを使用)
BABEL ES6.js -w-out -file es5.js
BABEL ES6.JS -WATCH-OUT-FILE ES5.JS
4.SRCフォルダー全体をコンパイルし、LIBフォルダーに出力します(-Dまたは-out -Dirを使用)
Babel Src -D lib
Babel Src -out-dir lib
5。SRCフォルダー全体をコンパイルし、ファイルに出力します
BABEL SRC -OUT-FILE ES5.JS
6. Babel-Nodeコマンドを直接入力すると、コマンドラインからES6コードを直接実行できます
Babel-node
上記は、編集者が紹介したJavaScriptのES6 BABELの正しいインストールプロセスです。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!