javascript-eslint’html-webpack-plugin’应该列在项目的依赖项中,而不是devDependencies中. (导入/无外部依赖)
作者:互联网
在我的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