TS在Babel中的配置

开发中还经常需要结合babel来对代码进行转换以使其可以兼容到更多的浏览器，所以babel应该怎么配置呢？

babel可以将新语法转为旧语法，使浏览器兼容

1. 安装依赖包：npm i -D @babel/core @babel/preset-env babel-loader core-js 共安装了4个包，分别是：

• @babel/core

  • babel的核心工具

• @babel/preset-env

  • babel的预定义环境，使代码兼容不同浏览器

• @babel-loader

  • babel在webpack中的加载器

• core-js

  • core-js用来使老版本的浏览器支持新版ES语法，模拟浏览器的运行环境

  //在webpack.config.js中配置babel
   use: [
        // 配置babel
        {
          // 指定加载器
          loader: 'babel-loader',
          // 设置babel
          options: {
            // 设置定义的环境
            presets: [
              [
                // 指定环境插件
                '@babel/preset-env',
                // 配置信息
                {
                  targets: {
                    // 设置兼容版本
                    chrome: '88',
                    ie: '11'
                  },
                  // 指定corejs版本
                  corejs: '3',
                  // 使用corejs的方式“useage”表示按需加载
                  useBuiltIns: 'useage'
                }
              ]
            ]
          }
        },
        'ts-loader'
      ],
      ```