导入Sass文件时VSCode不遵守Webpack的解析别名

Question

我的webpack.config.app.js中有以下内容：

resolve: {
  alias: {
    "modules": path.resolve(__dirname, '../../../css/common/modules'),
  }
}

我正在这样*.scss中导入文件：

@import "~modules/variables";

一切正常，但是当我尝试ctrl+click到达源代码时，VSCode无法识别路径。有什么方法可以使VSCode将此导入解析为正确的路径？

---

我尝试过的

我曾根据类似问题的答案尝试将路径添加到tsconfig.json，但似乎没有效果。

"compilerOptions": {
  "baseUrl": "./src",
  "paths": {
    "~modules/*": ["../../../css/common/modules"]
  },
}