C/C++教程

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的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!