首先我們新建一個空的文件夾印蔬,作為一個空的項目。然后點擊文件路徑散罕,輸入CMD進入DOS。
然后輸入命令
npm install --save-dev babel-cli
安裝完成后傀蓉,接著輸入下述命令
npm install --save-dev babel-preset-es2015
再新建兩個文件欧漱,分別為.babelre,package.json
//.babelrc
{
"presets": ["es2015"],
"plugins": []
}
//package.json
{
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-preset-es2015":"^6.24.1"
},
"scripts": {
"build":"babel es6.js --out-file es5.js"
}
}
此時文件的目錄如下圖所示(node_modules文件夾和package-lock.json是前兩次命令下載下來的,可以不用管)接著我們新建一個es6.js文件并在里面編寫一段ES6的代碼葬燎,例如
export let a=6;
接著還是用命令行進入這個項目误甚,如果你之前安裝babel-cli,babel-preset-es2015沒有關(guān)掉命令行就在上述操作完成之后可以鍵入
npm run build
接著我們在項目中可以看到多了一個es5.js的文件
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var a = exports.a = 6;
這樣我們就完成了轉(zhuǎn)換谱净,此時項目目錄如圖所示
(請確保你的電腦之前已經(jīng)安裝了node.js環(huán)境Rぐ睢)