12_webpack_eslint-webpack-plugin

本文主要是介绍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()],
};

这篇关于12_webpack_eslint-webpack-plugin的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！