在VS代碼中，我希望能夠使用tsconfig.json中定義的路徑別名跳轉到其他SCSS模塊

我們的Webpack/Vite構建設置運行良好(例如，通過sass-loader/options/sass options/include paths web pack配置)。我還知道，在PHP Storm中，這可以通過將給定的路徑設置為資源目錄來實現。

然而，到目前為止，我還沒有找到一個設置，一個插件或配置，可以讓VS代碼智能感知工作。

文件夾結構

模塊 成分 Component.tsx 風格 style 1 . module . scss style 2 . module . scss tsconfig.json style 1 . module . scss

.class1 {
  display: flex;
}

Component.tsx - Import工作正常

import styles1 from '@/styles/styles1.module.scss'; // import + intellisense works fine
import styles2 from '@/styles/styles2.module.scss';

styles2.module.scss -智能感知不起作用

@import '@/styles/styles1.module.scss';

tsconfig.json

{
  "compilerOptions": {
    "baseUrl": "modules",
    "paths": {
      "@/styles/*": ["styles/*"]
    }
  }
}

感謝任何幫助！謝了。

只需使用別名工具和路徑自動完成

https://marketplace.visualstudio.com/items?項目名稱=dgeibi.alias-tool https://marketplace.visualstudio.com/items?itemName = ionutvmi . path-自動完成

。vscode/settings.json

{
    "alias-tool.mappings": {
        "@": "${folder}"
    },
    "path-autocomplete.pathMappings": {
         "@": "${folder}"
    }
}

我嘗試了幾種方法:

移除。下一步并重啟服務器 刪除node_modules并安裝，重新啟動服務器 最后，我只需重啟vscode，它就能工作了。