（二）webpack babel详解

1.安装

npm install @babel/core -d
npm install @babel/cli -d

2.使用

npx babel src --out-dir result //指将src文件夹下文件用babel转化后放到result文件夹下

3.使用插件

npm install @babel/plugin-transform-arrow-functions -d //安装箭头函数转化插件
npx babel src --out-dir result --plugins=@babel/plugin-transform-arrow-functions  //使用箭头函数转化插件

npm install @babel/plugin-transform-block-scoping -d //安装作用域（const=>var）转化插件
npx babel src --out-dir result --plugins=@babel/plugin-transform-arrow-functions,@babel/plugin-transform-block-scoping //使用上述两个插件

4.使用babel预设

npm install @babel/preset-env -d //安装相当于一系列插件组合
npx babel src --out-dir result  --presets=@babel/preset-env //使用babel预设

这个preset会使用哪些插件取决于.browserslistrc中你要适配哪些浏览器，preset会帮你使用需要的插件来适配。
面对哪些浏览器，也可以在webpack.json.js中设置

module: {
        ru