How to customize React component navigation in WebStorm when import is specified with tilde?

Question

webstorm

The project (React, Webpack) uses links of the form WebStorm does not understand such a link with a tilde and does not go to the corresponding component file. You have to search by file name. Maybe someone has come across this?
import { Slider } from "~/common/ui/input/slider";

Answer 1

You need to specify the path to the Webpack configuration file in the Webstorm settings.
Preferences/Languages ​​& Frameworks/JavaScript/Webpack .