Javascript 如何在网页包项目中查找未使用的文件？

我有一个用Webpack构建的JavaScript项目，我知道它有很多死代码文件。如何找到项目中未使用的源文件？

有一些插件，但似乎最流行

一个例子是：

new UnusedFilesWebpackPlugin({
    failOnUnused: environment !== 'development',
    patterns: ['src/components/**/*.jsx', 'src/store/**/*.js', 'sass/**/*.scss'],
    ignore: ['**/LocalVideoDemo.jsx'],
  })

---

这将检查components目录中未使用的JSX文件、Redux store目录中未使用的JS文件和未使用的SCSS文件。它将忽略是否包含

LocalVideoDemo.jsx

文件。

尝试使用各种Web包插件，但每个插件都遇到内存不足的问题。我认为createreact应用程序引导应用程序最简单的解决方案是使用ESLint

使用现在是的一部分。

设置eslint、安装eslint插件导入后，将以下内容添加到规则中：

"rules: {
  ...otherRules,
  "import/no-unused-modules": [1, {"unusedExports": true}]
}

---

有许多网页包插件可以解决这个问题，您尝试过其中任何一个吗？看起来这可能很有用。它只检查文件中未使用的导入，而不检查未在任何地方导入的文件。@luislhl是否阅读了模块的说明？它做了两件事，我引述：“报告：（1）没有任何导出的模块（2）单个导出不是静态导入的，也不是同一项目中其他模块需要的。”您对“任何地方都没有导入的文件”的评论将属于第二类。诚然，这个插件并不完美，但它正试图做到你所说的。你是对的@John Lee，对不起。但我不是那个否决你的人。没问题@luislhl。8-）我喜欢eslint，但放弃了尝试将其配置为执行与webpack相同的模块解析（别名、文件扩展名等）。如果同时使用这两种方法，网页包插件不是更有意义吗？当前忽略的正确语法是：globOptions:{ignore:['**/LocalVideoDemo.jsx']，}