webpack中使用core-js

IE浏览器无法兼容es6语法，我们可以使用core-js进行兼容性处理，从而使IE浏览器也能够正常的解析es6语法

首先安装依赖

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

然后在webpack.config.js中配置

// 要使用的loader
use: [
    {
        // 指定加载器
        loader: "babel-loader",
        // 设置babel
        options: {
            // 设置预定义的环境
            presets: [
                [
                    // 指定环境插件
                    "@babel/preset-env",
                    // 配置信息
                    {
                        // 要兼容的目标浏览器
                        targets: {
                            chrome:'78',
                            firefox:'60',
                            ie:'11',
                            safari:'10',
                            edge:'17'
                        },
                        // 指定corejs版本
                        "corejs": "3",
                        // 使用corejs的方式  usage表示按需加载
                        "useBuiltIns": "usage"
                    }
                ]
            ]
        }
    },
    'ts-loader'
],