webpack5浏览器兼容详解:babel-loader, core-js,plugin-transform-runtime

1，core-js：将我们的代码编译后成为浏览器可执行的代码，其中主要处理 ES 的API，他是运行的一个API 补丁包集合, 也可以理解为：它是JavaScript标准库的 polyfill。
 

官方库对他介绍的形容：
1.1它支持最新的 ECMAScript 标准
1.2它支持ECMAScript 标准库提案
1.3它支持一些 WHATWG / W3C 标准（跨平台或者 ECMAScript 相关）
1.4它最大限度的模块化：你能仅仅加载你想要使用的功能
1.5它能够不污染全局命名空间
1.6它和babel紧密集成：这能够优化core-js的导入
1.7它是最普遍、最流行 的给 JavaScript 标准库打补丁的方式
 

2，plugin-transform-runtime

大致有3大作用：
2.1 自动移除语法转换后内联的辅助函数（inline Babel helpers），使用@babel/runtime/helpers里的辅助函数来替代；
2.2 当代码里使用了core-js的API，自动引入@babel/runtime-corejs3/core-js-stable/，以此来替代全局引入的core-js/stable;
2.3 当代码里使用了Generator/async函数，自动引入@babel/runtime/regenerator，以此来替代全局引入的regenerator-runtime/runtime；
 

3. @babel/plugin-proposal-class-properties 和 @babel/plugin-proposal-object-rest-spread