9.0 webpack js语法检查

#虽然作为一个前端已经耕耘此行业有三五个年头，但都是在业务中未曾精进，怀着初心，重识Webpack，砥砺前行💪#

• 语法检查： 依赖的包 eslint-loader eslint eslint-webpack-plugin
• 检查时使用的语法： airbnb-base （后期研究自己写语法检查包）
• 语法检查根据规则： eslint-config-airbnb-base
• 以及其它包： eslint-plugin-import (该插件目的在于支持ES6以上的导入/导出语法，并防止文件路径和导入名称拼写错误的问题。)
• 提示： webpack5已经支持了这个配置且只需要简单的eslint-webpack-plugin包就行，详情请看EslintWebpackPlugin | webpack 中文文档

const { resolve } = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ESLintPlugin = require('eslint-webpack-plugin');

module.exports = {
  entry: './src/js/index.js',
  output: {
    filename: 'built.js',
    path: resolve(__dirname, 'build'),
  },
  module: {
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: './src/index.html',
    }),
    new ESLintPlugin({
      exclude: '/node_modules/',
      fix: true,
    }),
  ],
  mode: 'development',
};