如何找到所有在React-App中导入特定.js文件的.js文件

Question

在React应用程序中.i具有以下文件：（我正在使用VSCode）

#example .js 
export default helloWorld =()=>{
    return  "Hello World" ;

有没有办法，我可以找到所有导入此文件的.js文件？ 我了解不同的文件可以使用相同的名称来具有此功能。 因此，有没有一种方法可以查看哪些文件使用了类似的内容：

import helloWorld from "somevariablePath/example.js"

Answer 1

我最近遇到了同样的问题，并且意识到没有完美的解决方案。 CommonJS模块不适用于静态分析。

无论如何，我发现了以下有用的工具：

JetBrains Webstorm IDE（高级版）

此IDE中的功能查找用法是我找到的最准确的工具。但是它是一个付费的IDE。 （您有30天的试用期）

VSCode

查找所有参考功能不如上一个准确，但仍然有用。

Answer 2

尝试显示所有参考文献或查找所有参考文献

Answer 3

好吧，我在VSCode中找到了一种简单的方法。 如果我只是使用我要跟踪的文件的绝对路径（当然可以通过使用.env文件中的NODE_PATH环境变量来缩短绝对路径）（请参阅导入的位置）。 我可以复制路径，执行Ctrl+Shift+F，将路径粘贴到搜索栏中，然后按Enter键（按Enter键很重要）。 这将为使用该特定代码行（在本例中为import helloWorld from "absolutePath/example.js）的所有文件提供

Answer 4

如果符合您的要求，则检出webpack的动态导入功能。

Dynamic import

或使用文件系统（fs模块）进行迭代并根据您的条件加载文件