簡單搭一個使用ES6轉ES5的環境

一、新建文件結構如圖

index.html內引用的js文件爲dist下轉化成ES5的js文件而不是src下的。咱們在src下的js文件使用ES6的語法來命名一個變量，

咱們要實現的是在dist下將其轉化爲ES5語法的js文件。

二、在文件夾下執行npm init -y 這時候會產生一個package.json的配置文件

三、全局安裝babel-cli： npm i -g babel-cli

四、本地安裝 babel-preset-es2015和babel-cli：npm install --save-dev babel-preset-es2015 babel-cli

五、在根目錄下新建.babelrc文件，並打開錄入下面的代碼

六、輸入命令轉化：babel src/index.js -o dist/index.js