ECMAScript6トランスコーダ、ES6スイッチES5

今より前ES6を懸念、一部の人々は、ECMAScriptの6を使用して開始しているが、いくつかの新機能は、ブラウザのES6低いバージョンはサポートされていません。

したがって、この方法は、ES5のES6ターンを共有することができます。

1、最初のフォルダを作成し、その後、.babelrc内のファイルを作成します

時には、このファイルを作成することができない、別の場所にコピーすることができます

以下に記入.babelrcファイルの内容:

{
"プリセット":[]、
"プラグイン":[]
}
手動充填.babelrc遅く提出。

二、プロジェクトを初期化するのNPMのinit(入力する方法が選択可可に持つことができます)

実行は、我々が管理内ではありませんpackage.jsonファイルを、得るために行われました

第三に、インストールバベル

NPM -gバベル-CLIをインストールする
。これは、インストールグローバルである、あなたはまた、ディレクトリをインストールするように選択することができます

NPM --save-devのバベル-CLIをインストール

第四に、トランスコーディングルール

//最新のトランスコーディングルール
NPMインストール--save-devのバベルプリセット -latestは// インストールする必要があります

// 4トランスコーディング規則案、銀行コードオプションhttp://www.gendan5.com/swiftcode.html
NPM --saveインストール-DEV-PRESETバベルステージ-0 //ステージショーの
NPMがインストール-保存-devのバベルプリセットステージ -1 // コメント期間の
バベル・プリセット・ステージ2 - //ドラフト段階NPMインストールDEV --save-
NPMインストール--save-devのバベル-PRESETステージ-3 //候補相

次のように第五に、具体的には、.babelrcファイルを変更

{
"プリセット":
"最新"、
"ステージ2"
]、
"プラグイン":[]
}

第六に、コマンドラインコンパイラのトランスコーディングを使用

//出力CMDの
バベルのexample.js

//ファイルのトランスコード時に
// -アウトファイルのパラメータは、出力ファイルを指定するか、-o
バベルapp.js --out-ファイルapp2.js
//または
バベルapp.js -o app2.js(gendan5.com)

//ディレクトリ全体のトランスコーディング
// -アウト-dirのか、-d引数が出力ディレクトリを指定
バベルDIR-libの--out SRC
//または
バベルSRC -d libが

// - Sパラメータの発生源マップファイルは
バベルSRC -d libに-s

ここからフィニッシュまで。

おすすめ

転載: blog.51cto.com/14513127/2437074