Ctrl+click (go to file) doesn't work for saas-loader ~ imports (node_modules)

Trying to Ctrl+click on the imported module name fails:

@import '~bootstrap/scss/bootstrap';

with this error:

Unable to open '_bootstrap.scss': File not found (file:///PROJECT/src/styles/~bootstrap/scss/_bootstrap.scss).

The reason is that I’m using webpack with saas-loader, and saas-loader treats an import path starting with ~ as an import from node_modules: https://github.com/webpack-contrib/sass-loader#imports

So the actual location from where the import should be loaded is:

file:///PROJECT/node_modules/bootstrap/scss/_bootstrap.scss

[mciesin]

@penx @aeschli when you prefix your path with ~, webpack not only searches for the file inside the node_modules directory, but also considers aliases defined using webpack.config.js.

This behavior has already been taken into account for JS - you can tell IntelliSense about your aliases using jsconfig. Would it be possible to e.g. retrieve that information for *.scss files?

[dimitir]

try vs code CSS Navigation