1. 简介

   javascript编译器，主要用于将ES6语法转换为向后兼容的JavaScript语法，以便能运行在当前或旧版本的浏览器以及其他环境中

2. 配置文件

   （1）项目根目录创建babel.config.*

       babel.config.js

       babel.config.json

   （2）项目根目录创建.babelrc.*

       .babelrc

       .babelrc.js

       .babelrc.json

   （3）在package.json中配置babel项，无需创建文件

3. 在babel.config.js中配置

    module.exports = {
        // 预设
        // <1> @babel/preset-env 智能预设，允许使用最新的JavaScript语法
        // <2> @babel/preset-react react语法预设
        // <3> @babel/preset-typescript ts语法预设
        presets: []
    }

4. 在webpack中简单使用

   （1）下载所需依赖包

    npm i babel-loader @babel/core @babel/preset-env webpack -D

   （2）配置webpack.config.js

     module: {
        rules: [
            {
                test: /\.js$/i,
                exclude: /node_modules/, // 排除的目录(这些目录不处理)
                use: {
                    loader: 'babel-loader'
                }
            }
        ]
     }

   （3）配置babel.config.js

    module.exports = {
      presets: ['@babel/preset-env']
    }