聲明：跟著技術(shù)胖學(xué)習(xí)ES6,此處是在記錄筆記玄妈。
原文鏈接：http://jspang.com/2017/06/03/es6/
前提：電腦已經(jīng)配置過npm 和cnpm 本文解釋并不詳細(xì)，詳情請移步原文。
初始化項(xiàng)目
npm init -y //-y代表全部默認(rèn)同意
全局安裝Babel-cli
npm install -g babel-cli
本地安裝babel-preset-es2015 和 babel-cli
npm install --save-dev babel-preset-es2015 babel-cli //babel-preset-es2015 開發(fā)者起的名稱
新建.babelrc
{
"presets":[
"es2015" //轉(zhuǎn)換形式 vue等也可以寫
],
"plugins":[] //插件支持偏形，此處不需要插件，但是要寫選項(xiàng)
}
轉(zhuǎn)換命令藕届，ES6轉(zhuǎn)化為ES5的語法
babel src/index.js -o dist/index.js
其他
不想每次都輸入babel src/index.js -o dist/index.js 太繁瑣 膝藕，可以簡化為 npm run build 方法如下：
package.json 文件里
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
更改為
"scripts": {
"build": "babel src/index.js -o dist/index.js" //把常用命令輸入在此
},