polyfill

简介

在网页做低版本的浏览器兼容时，我们仅仅使用babel-loader是不够的，babel-loader只是会将ES6代码转化为ES5的代码，而真正实现浏览器能够运行新特性的是polyfill。

使用

1. 直接script中引入polyfill.js文件

   <script type="text/javascript" src="./polyfill.min.js"></script>

2. 直接在文件的顶部引用

   import '@babel/polyfill'
   

   3、webpack配置文件中配置

   module.exports = {
    entry: ['@babel/polyfill','./src/main.js']
   }
   

   4、.babelrc文件中配置

   {
   "presets": [
    ["@babel/preset-env", {
      "targets": {
        "chrome": "70",
        "ie": "10"
      },
      "useBuiltIns": "usage"
    }],
   "@babel/preset-react"
   ],
   "plugins": ["@babel/plugin-transform-runtime"]
   }
   

关于webpack中如何使用polyfill
下面文章中做了详细的介绍；
https://blog.hhking.cn/2019/04/02/babel-v7-update/
https://github.com/sorrycc/blog/issues/80