background:

is refactoring the code and finds that there are many duplicate codes that can be abstracted from their common parts. Then the same / different points of two can be reflected in detail by using the compare function of webstorm.

question

it can only compare the differences between the two files, as shown in the following figure. But I need as when it comes with the git tool to deal with conflicts, there is a column in the middle that can be used to do merge operations to see the effect of the merge. For example, now that I want to extract the common parts of these two js components, I can only make changes on one of the files, but once changed, the compare here has changed, making it inconvenient for me to compare the differences of before .