Babel筆記-入門

babel基本配置

安裝

安裝babel須要node環境，目前的node版本是9.0，推薦安裝較高版本的node，由於有些低版本的node是不支持安裝一些npm包的。

babel做爲打包工具應該只是在開發階段使用，因此安裝的時候能夠將其安裝在devdDpendencies

npm install --save-dev babel

安裝後須要在項目中添加.babelrc文件，這是babel配置文件，主要是對presets, plugin這兩個屬性的配置

{
    "presets":[],
    "plugin":[]
}

到這babel的安裝基本完成了，如今咱們只須要添加配置了。

配置

配置文件中的兩個數組，分別是presets(預設),plugin(插件)

presets(預設)：預設其實就是一組插件的集合，咱們能夠作出本身的預設
plugin(插件)：代碼轉換須要用到的

經常使用預設和插件

babel-presets-es2015: 轉換ES6->ES5

babel-core: babel核心

babel-plugin-transform-runtime: 實時編譯

babel插件列表