babel簡單使用

babel是幹什麼的

將ES6編譯成ES5，是JS的編譯器

使用步驟

• 1、安裝好node環境，安裝npm

檢查版本：
node -v
npm -v

• 2、進入某個目錄，npm init

• 3、在此目錄：npm install --save-dev babel-core babel-preset-es2015 babel-preset-latest，安裝這些依賴

• 4、在此目錄下創建.babelrc文件，配置

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

• 5、sudo npm install --global babel-cli（全局安裝）
• 6、babel --version 檢查babel是否安裝成功
• 7、在此目錄下 創建./src/index.js
• 8、在index.js中寫入內容：[1,2,3].map(item => item*2)
• 9、命令行 babel src/index.js，就會看到被轉義成es5的文件內容

babel只可用於將高版本的JavaScript編譯成ES5，但是對於module的js文件相互引用問題，babel是做不到的。這時候就要用到Webpack打包工具了。