标签：node-js webpack commonjs javascript node-modules

在我的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
    }
  }
}

解决方法:

您只需要告诉eslint,可以在webpack中要求dev依赖.

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

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

这样可以防止错误出现.

另外,您可以设置

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

仅禁用此行

标签：node-js,webpack,commonjs,javascript,node-modules
来源： https://codeday.me/bug/20191025/1926502.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。