如何让IDEA识别Svelte中的$导入别名并提供语法补全？

• 先确认项目里已正确配置路径别名
  比如用Vite的项目，在vite.config.js里添加别名配置：

  import { sveltekit } from '@sveltejs/kit/vite';
  import { defineConfig } from 'vite';
  
  export default defineConfig({
    plugins: [sveltekit()],
    resolve: {
      alias: {
        '@': './src' // 这里的@是指向src目录的别名，可根据自己需求修改
      }
    }
  });
  

  SvelteKit项目直接在Vite配置里设置即可，无需额外修改svelte.config.js。

• 让IDEA读取别名配置文件
  打开IDEA设置（快捷键Ctrl+Alt+S），进入Languages & Frameworks > JavaScript > Webpack，选择项目中的vite.config.js或webpack.config.js，保存设置。

• 手动配置路径映射（可选，若上述步骤无效）
  在项目根目录创建或修改jsconfig.json（纯JS项目）或tsconfig.json（TS项目），添加路径映射：

  {
    "compilerOptions": {
      "baseUrl": ".",
      "paths": {
        "@/*": ["src/*"]
      }
    }
  }
  

  保存后IDEA会自动加载这个配置，别名补全功能即可生效。

• 刷新IDEA缓存（仍不生效时使用）
  点击File > Invalidate Caches...，选择Invalidate and Restart，重启后就能正常识别别名了。

内容的提问来源于stack exchange，提问作者gvlasov