（三）webpack ESLint

1.什么是ESLint？

2.安装使用ESLint

npm install eslint -d
npx eslint ./src/index.js

npx eslint --init //开始eslint的配置

3…eslintrc.js基本配置

module.exports = {
    "env": {
        "browser": true,  //是否使用浏览器
        "commonjs":true,//是否支持commonjs
        "es2021": true  
    },
    "extends":[
        "eslint:recommended",
        
    ],
    "parserOptions": { 
        "ecmaVersion": 12,
        "sourceType": "module" //是否支持esmodule
    },
    "rules": {
    	"no-unused-vars":"off"  //关闭没有使用过的变量(error,warning)
    }
};

4.通过eslint-loader来校验

npm install eslint-loader -d

//webpack.config.js
{
    test: /\.js$/,
    exclude:/node_modules/,
    use: [
         "babel-loader",
         "eslint-loader"
       
    ]
}

5.vscode插件
使用eslint插件，该插件会自动读取.eslintrc.js的基本配置，然后校验静态代码

6.prettier -code formatter
可以设值格式化后的代码规范