javascript - eslint 'html-webpack-plugin' 应该列在项目的依赖项中，而不是 devDependencies。 (导入/无外来依赖)

Question

在我的 Vs 代码编辑器中，我在简单的 require 语句中遇到以下错误:

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

错误:[eslint] 'html-webpack-plugin' 应该列在项目的依赖项中，而不是 devDependencies。 (导入/无外来依赖)

任何人都可以解释什么是无无关依赖以及为什么它在我的 webpack 配置中的简单 require 语句中给我这个错误。我浏览了这个链接:eslint should be listed in the project's dependencies, not devDependencies但这并没有太大帮助，因为它没有解释为什么我要添加该行。

我的 eslintrc.json 文件:

{
  "env": {
    "browser": true,
    "es6": true,
    "commonjs": true,
    "node": true
  },
  "extends": ["airbnb", "prettier", "prettier/react"],
  "plugins": ["prettier"],
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  }
}

Answer 1

你只需要告诉 eslint 可以在 webpack 中要求开发依赖。

您可以使用

在您的 webpack 文件夹中创建 .eslintrc

rules:
  import/no-extraneous-dependencies: [error, { devDependencies: true }]

这将防止错误出现。

或者你可以设置

const HtmlWebpackPlugin = require('html-webpack-plugin'); // eslint-disable-line import/no-extraneous-dependencies

只禁用这一行