webpack8——处理js语法及其校验

1.如果定义了多个es6类

2.如果存在存在generator函数

因为generator函数是一个内置的api，所以babel不会直接去转换这个api，需要进一步配置转换方法。
(1)安装插件 @babel/plugin-transform-runtime 和@babel/runtime

npm install --save-dev @babel/plugin-transform-runtime
npm install --save @babel/runtime

（2）在webpack.config.js中进行设置

               plugins:[
                    "@babel/plugin-transform-runtime"
                ]

（3）在当前js的设置中加入include和exclude

        include:path.resolve(__dirname,'src'),
        exclude:/node_modules/

3.实例中的方法

如图所示的示例中的方法，不会直接解析

 'aaa'.includes('a')

注：补丁模块的安装不能加-D

4.给js加校验

注1：.校验代码是否符合规范，
eslint的官网
注2：对一种文件的校验，可以写多个test和use

具体配置过程

1.安装eslint 和eslint-loader

npm add eslint eslint-loader -D

2.下载eslint.json 文件，进行配置
对于eslint.json文件的下载，需要自己根据自己的项目要求进行条件配置。这里的具体条件之后再做探讨。
文件下载完成之后，放在自己项目的根目录下，并将名字改为.eslint.json
3.在rule中进行配置。

   {
                test:/\.js$/,
                use:{
                    loader:'eslint-loader',
                    options:{
                        enforce:'pre'
                    }     
                },
                enforce:'pre' //强制让这个插件在下面插件之之前执行，还有post这个值，是强制之后执行。
          
            },

之后根据代码的报错情况，进行代码修改。