html语法检查,js语法检查

```

npm i eslint-loader eslint eslint-config-airbnb-base eslint-plugin-import -D

```

webpack.config.js

```

const { resolve } = require('path');

const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {

entry: './src/js/index.js',

output: {

filename: 'js/built.js',

path: resolve(__dirname, 'build')

},

module: {

rules: [

/*

语法检查： eslint-loader eslint

注意：只检查自己写的源代码，第三方的库是不用检查的

设置检查规则：

package.json中eslintConfig中设置~

"eslintConfig": {

"extends": "airbnb-base"

}

airbnb --> eslint-config-airbnb-base eslint-plugin-import eslint

*/

{

test: /\.js$/,

exclude: /node_modules/,

loader: 'eslint-loader',

options: {

// 自动修复eslint的错误

fix: true

}

}

]

},

plugins: [

new HtmlWebpackPlugin({

template: './src/index.html'

})

],

mode: 'development'

};

```

src/index.html

```

webpack

hello webpack

```

src/js/index.js

```

function add(x, y) {

return x + y;

}

// 下一行eslint所有规则都失效(下一行不进行eslint检查)

// eslint-disable-next-line

console.log(add(2, 5));

```