用babel工具將es6轉換成es5

①新建項目：新建一個es6文件夾，es6下有src和dist文件夾，現在我在src下新建一個index.js，里面寫一些es6代碼，我后面要將src下的es6轉到dist中變成es5　　

 

②初始化項目：es6文件夾下打開終端，輸入npm init ，一路回車，此時會在src下生成package.json文件

 

③安裝babel工具（安裝的過程中會有報錯，不要管它）：

npm install -g babel-cli

npm install --save-dev babel-preset-es2015 babel-cli

 

安裝完后，package.json中會多了devDependencies選項：

 

④在es6下新建.babelrc文件，並輸入以下代碼：

{
    "presets": ["es2015"],
    "plugins": []
}

 

⑤es6終端下輸入轉換命令：babel src --out-dir dist

 

⑥簡化轉換命令：修改package.json中的別名

 現在，只需要如下命令就可以編譯了：

　　npm run build