eslint'html-webpack-plugin'应该在项目的依赖项中列出，而不是在devDependencies中列出。（导入/无外部依赖）

Question

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

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

错误：[eslint]'html-webpack-plugin'应该列在项目的依赖项中，而不是devDependencies中。（导入/无外部依赖）

任何人都可以在我的webpack配置中的简单require语句中解释什么是无外部依赖以及为什么给我这个错误。我浏览了此链接：eslint应该列在项目的依赖项中，而不是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中要求dev依赖。

您可以使用以下命令.eslintrc在webpack文件夹中创建

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

这样可以防止错误出现。

另外，您可以设置

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

仅禁用此行