変換ES5 ES6とバベルツール

①新規プロジェクト:ES6、ES6 distのが私の下に戻っていることをいくつかのコードを記述している、今私は新しいindex.js SRCによ、ES6下srcとdistのフォルダが存在し、新しいフォルダを作成しますES6 SRCなりたいですES5  

 

②初期化プロジェクト:アンダーES6フォルダは、端末、NPMのinit入力、すべての方法ラウンドを開いて、この時間は、SRCのpackage.jsonでファイルを生成します。

 

③インストールバベルツール(インストールプロセス誤差があるでしょう、それだけを残して):

NPMインストール-g babel- CLI

NPMインストール --save-devのバベル・プリセット・es2015バベル-CLIを

 

インストール後、package.jsonは、より多くのdevDependenciesオプションになります。

 

④新.babelrc ES6内のファイル、および次のコードを入力します。

{
     "プリセット":[ "es2015" ]、
     "プラグイン" :[]
}

 

ターミナル⑤es6入力切り替えコマンド:バベルSRC --out-dirのDIST

 

⑥移行コマンドを簡素化:package.jsonのエイリアスを変更します

 今、ちょうど以下の注文はコンパイルすることができます。

  NPM実行ビルド

おすすめ

転載: www.cnblogs.com/wuqilang/p/12188038.html