矢印ES6特定の機能を使用して、ファイルのjs(babel_test.jsを)考えてみましょう:
var elements = [
'Hydrogen',
'Helium',
'Lithium',
'Beryllium'
];
elements.map((element) => {
return element.length;
});
复制代码
グローバル・1つのインストール
バベル-CLI ES6ファイルの構文は、コマンドラインからトランスコードします。最初のインストール:
npm install --global babel-cli
复制代码
コマンドラインに2つの出力
コマンドラインは、次のコマンドを入力し、トランスコーダの出力は、コンソールをバベルます。
babel babel_test.js
复制代码
出力:
ファイルへの出力3
次のように出力をファイルにトランスコードすることができる、コマンドは次のとおりです。
babel babel_test.js --out-file babel_test_compiled.js
复制代码
することができる--out-file
省略-o
、簡略化されたコマンドを:
babel babel_test.js -o babel_test_compiled2.js
复制代码
4出力フォルダ
次のように多くの時間は、あなたが直接フォルダ全体をトランスコードする必要がJSファイルには、構文は次のとおりです。
babel src_dir -d dest_dir
复制代码
我々は二つのプロジェクトディレクトリがあると、フォルダはsrcがあり、destがコンパイルされたファイルのフォルダがあり、その後、次のように記述することができます:
babel src -d dest
复制代码
実行時には、コマンドライン出力はトランスコードされた文書、フォーム:
5ローカルインストール
あなたはバベルトランスコーダの異なるバージョンを使用して、異なるプロジェクトを行うことができるように、もちろん、それはまた、ローカルにインストールすることができます。
次のようにコマンドは次のとおりです。
npm install --save_dev babel-cli
复制代码
その後、package.jsonを変更します。
{
"name": "deniro_es6",
"version": "0.0.1",
"dependencies": {
},
"devDependencies": {
"babel-cli": "^6.26.0"
},
"scripts": {
"build":"babel babel_src -d babel_lib"
}
}
复制代码
最後に、コマンドを実行します。
npm run build
复制代码
出力:
ます。https://juejin.im/post/5cfb7430e51d4556dc2935fbで再現