webpack, js 兼容性处理

js兼容性处理
首先下载基本架包babel-loader @babel/core

1.基本js兼容性处理 @babel/preset-env

只能处理基本js语法，想promise。。。。无法处理

2.全部js兼容性处理@babel/polyfill

相当与一次性引入所有处理后js代码，比如全部引入element-ui。以至于架包太大。

3.兼容性的按需引入core-js

{   
                test:/\.js$/,
                exclude:/node_modules/,
                use:{
                    loader:'babel-loader',
                options:{
                    presets:[
                        [
                            '@babel/preset-env',
                            {
                                useBuiltIns:'usage',
                                corejs:{
                                //core-js的版本
                                    version:3
                                },
                                //需要兼容的浏览器
                                targets:{
                                    chrome:'60',
                                    firefox:'60',
                                    ie:'9',
                                    safari:'10',
                                    edge:'17'
                                }
                            }
                        ]
                    ]
                }
                }
                
            }