4-关于babel的es6转es5

在webpack中可能无法兼容ES6或者其他高级语言，需要使用 babel 将高级语言转化为ES5

-1.安装需要的loader yarn add babel-loader @babel/core @babel/preset-env -D
安装总列：
yarn add webpack webpack-cli html-webpack-plugin babel-loader @babel/core @babel/preset-env @babel/preset-react -D

-2.webpack.config.js上进行 loader 配置
注意：一定要排除依赖文件夹打包，否则默认打包，速度会很慢，甚至项目无法正常运行exclude:/node_module/

 module:{
  noParse:/jquery/,  //不去解析jquery库中的依赖关系 `noParse: / 免解析关系的包  /`
        rules:[
            {
                test: /.js$/,
                exclude:/node_modules/,     //排除检索 的依赖项
                include:path.resolve('src'),       //只从该文件夹寻找
                use: {
                    loader:'babel-loader',
                    options:{
                        presets:[
                            '@babel/preset-env',
                            '@babel/preset-react'
                        ]
                    }，
                  exclude:/node_module/
                }
            }
        ]
    }

-3 关于 noParse 丶exclude、include 对配置的优化