webpack之babel-loader（带你一步步学webpack）

我们知道对于es6语法，不同浏览器兼容问题不一样，所以我们最好做向下兼容到es5版本。而要将es6转成es5就要使用到babel.

何为babel呢？他是一个js的编译器。可以对js版本进行转换。

常用的安装语句是：npm install –save-dev babel-loader@7 babel-core babel-preset-es2015

我们可以看配置代码如下：

这次规则选项里多了一个exclude，排除，就是说所有满足test条件匹配的js文件里，要排除这个exclude里面的设置。列如这个node_modules文件夹里面的js文件我们就不会进行es6到es5的转换了。

而这个use选项里有个presets预设是一个数组，我这里设置成了es2105，这个数组里面的元素值也是有顺序可言的，后期我们会补充到。也是遵循从右到左解析。