Hidden node_modules dependencies in Module Graph

[yjrhgvbn]

Clear and concise description of the problem

I found some dependencies(math.js etc.) will display in Module Graph, and it was regarded as inline modules。

Suggested solution

Hidden those dependencies in Module Graph

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[sheremet-va]

All inlined dependencies are represented in a module graph. Why shouldn't these be displayed? How would you know they are inlined?

[yjrhgvbn]

I've debugged it, and it appears that the color for "external" should be yellow, not green.

I tested the dependencies of math.js and found that it has at least 500 dependencies. If all of them were shown, the browser would become very laggy. However, usually we don't need to know about these dependencies.

[sheremet-va]

It is not "external", it is inlined. This module was processed with vite-node, and not imported with a dynamic import. If you click on it, you will see what was actually running.

[yjrhgvbn]

What I mean by "inline" and "external" refers to the options in this UI section.

I understand that some dependencies require running in inline mode, but it may prefer not to see them in the graph. For these dependencies, it is possible to either hide them or add an option to control their visibility.

[hi-ogawa]

Graph view being laggy was reported in #4762.

I just tested with react-testing-lib example https://github.com/vitest-dev/vitest/tree/main/examples and it doesn't look really usable when there are many files from node_modules are inlined.

Show screenshot

So maybe it makes sense to have yet another toggle for "inline modules" inside and outside of node_modules?

[sheremet-va]

I think we can have a "Hide node_modules" toggle to address the issue with performance.