7.js语法检查eslint

632 阅读1分钟

1.作用:

规范语法,让代码风格一致

2.使用库:

js 语法检查:eslint-loader eslint

下载依赖:cnpm i eslint-loader eslint --save-dev

注意:只检查自己写的js文件,不检查第三方插件

     {   test: /\.js$/,
         loader: 'eslint-loader',
     }

3.排除第三方插件库

注意:只检查自己写的js文件,不检查第三方插件

   {   test: /\.js$/,
       exclude: /node_modules/,//用于不检查第三方库
       loader: 'eslint-loader',
    }

4.配置eslint规则

eslint不知道怎么检查所以要写规则,规则就用airbnb的js规则

airhub 代码规范:github.com/airbnb/java…

eslint 使用 airhub 检查: eslint-config-airbnb 和 eslint-config-airbnb-base(前者可以检查 react )

下载:eslint-config-airbnb-base,eslint-plugin-import

在package.json中配置eslintConfig

     "eslintConfig": {
     "extends": "airbnb-base"
   }
   

5.自动修复eslint的错误

   {     test: /\.js$/,
         exclude: /node_modules/,//用于不检查第三方库
         loader: 'eslint-loader',
         options: {  fix: true// 自动修复eslint的修复 }
    }