这就告诉webpack打包时，一旦匹配到.js文件就使用babel-loader进行处理，如前文所述，babel-loader调用babel-core的api使用bable-preset-env的规则进行转码。这里并没有使用entry、output这样的参数，这是webpack4.x有默认的入口和出口，本项目无须改变，因此便不必进行设置。
四、运行查看结果
假使你已经在package.json文件的"scripts"属性下增加了"build"属性，即
"build": "webpack --mode production --progress --display-modules --colors --display-reasons"
现在，在命令行定位到项目根目录，执行
npm run build
这就相当于执行"build"属性对应的脚本。
现在，webpack开始进行打包，当打包完成后，用浏览器打开dist目录下的index.html查看结果，可以发现弹出两次弹窗
第一次是"hello world"，第二次是"2,3,4"。
这表明a.js中的arrowTest()函数成功执行，打开main.js查看打包后的代码，也可以发现箭头函数部分的代码已经被转换成ES5的语法，如下：
[1,2,3].map(function(r){return r+1})
这表明整个babel的配置及使用已经成功。
当然，以上只是最基本的配置和使用，如果要应对更加复杂的情况，只需要参照官方文档对相关参数进行修改，这并不是什么难事，完！