TypeScript---Babel的配置

经过一系列的配置，使得TS和webpack已经结合到了一起，除了webpack，开发中还经常需要结合babel来对代码进行转换以使其可以兼容到更多的浏览器，在上述步骤的基础上，通过以下步骤再将babel引入到项目中。

步骤：

1.安装依赖包

npm i -D @babel/core @babel/preset-env babel-loader core-js
    
    -@babel/core
     babel的核心工具
     
    -@babel/preset-env
     babel的预定义环境
     
    -@babel-loader
     babel在webpack中的加载器
     
    -core-js
     core-js用来使老版本的浏览器支持新版ES语法

---

2.修改webpack.config.js配置文件

...略...
    module: {
        rules: [
            {
                test: /\.ts$/,
                use: [
                    {
                        loader: "babel-loader",
                        options:{
                            presets: [
                                [
                                    "@babel/preset-env",
                                    {