webpack学习Day5-js兼容性处理eslint

js兼容性处理eslint

module:{
  rules:[
    // js兼容性处理：babel-loader  @babel/core  @babel/preset-env
    //1、基本js兼容性处理：@babel/preset-env，问题：只能转换js的基本语法，如：Promise高级语法不能转化；
    //2、全部js语法转化：@babel/polyfill，，问题：我只需要解决部分兼容性问题，将全部兼容性代码引入，体积太大了。
    //3、需要做兼容性处理的就做:按需加载，core.js
    //注：使用第三种方案就不能使用第二种方案；
    {
      loader:'babel-loader',
      option:{
        //预设：指示babel该如何做兼容性处理
        presets：'@babel/preset-env'
        }
    }
  ]
},

在inexjs文件中：

import '@babel/polyfill'

按需加载：