第一步：新建基礎(chǔ)項(xiàng)目結(jié)構(gòu)，如圖：
1574921471(1).jpg
src目錄下index.js內(nèi)容：
let a = 1;
console.log(a);
第二步：初始化
npm init -y
第三步：安裝babel-cli（-g表示全局安裝乡范，如已安裝可直接進(jìn)行第四步）
npm install -g babel-cli
第四步：安裝es6轉(zhuǎn)es5插件并且本地安裝babel-cli
cnpm install --save-dev babel-preset-es2015 babel-cli
第五步：項(xiàng)目根目錄下添加.babelrc文件
{
"presets":[
"es2015"
],
"plugins":[]
}
第六步：packsge.json里設(shè)置打包命令
{
"name": "test",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"build": "babel src/index.js -o dist/index.js"
},
"keywords": [],
"author": "qiufujian",
"license": "ISC",
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-preset-es2015": "^6.24.1"
}
}
第七步：終端執(zhí)行npm run build命令配名，查看dist文件夾下轉(zhuǎn)換好的index.js文件,如下則表示搭建成功
"use strict";
var a = 1;
console.log(a);
ps:最終目錄結(jié)構(gòu)
1574922790(1).jpg
