12_webpack_eslint-webpack-plugin

说明：现在eslint已经弃用了eslint-loader,如果要安装来使用的话，会报错，烦死人

大概的报错信息如下：

ERROR in ./src/index.js
Module build Failed (from ./node_modules/eslint-loader/dist/cjs.js):
TypeError: Cannot read property 'getFormatter' of undefined

那么我们现在一般使用eslint提供的eslint-webpack-plugin插件对语法进行校验

安装：

npm i eslint-webpack-plugin -D

使用：

const path = require("path");
const ESLintPlugin = require("eslint-webpack-plugin");
module.exports = {
  entry: "./src/index.js",
  output: {
    filename: "js/bundle.js",
    path: path.resolve(__dirname, "./build"),
  },
  mode: "development",
  devtool: "source-map",
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules$/,
        use: ["babel-loader"],
      },
    ],
  },
  plugins: [new ESLintPlugin()],
};