5.Webpack--bable

一、Babel的作用

 

 babel和postcss一样，不借助webpack，也可以单独使用。

二、在webpack中使用babel

安装：

 

 配置：

 

 现在再打包，发现还是没有将代码进行转换，这是因为我们没有使用对应的插件。

三、babel的插件

如果需要转换箭头函数，就要使用箭头函数转换相关的插件：

 

 还有将const转换为var的插件：

 

 配置：

 

 现在再打包就没问题了，如果觉得这样写太麻烦了，也可以利用babel的预设preset，不过也需要安装、配置：

 

 配置：

 

 现在再打包就没问题啦！

和postcss一样，配置文件也可以单独抽出去！