导入 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 无法识别该路径。有没有办法让 VSCode 将此导入解析到正确的路径？

---

我尝试过的

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

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