今より前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
ここからフィニッシュまで。