如何在 WebStorm（和 PhpStorm 等）中启用对 SvelteKit 的 $lib 别名的支持？

Question

是否可以定义一个特殊的映射，使 PhpStorm（或其他基于 WebStorm 的 IDEs）能够找到位于 SvelteKit 的特殊 $lib directory alias 中的文件？

例如，在 PhpStorm 中，我像这样导入全局样式：

<script context="module">
    import '$lib/global-styles.scss';
</script>

但是，IDE 不幸地在尝试导航到该特定文件时显示“无法找到要转到的声明”：

Answer 1

似乎修复相当简单（受启发）。只需将路径别名添加到项目根目录中名为 .webstorm.js 的任何 JS 文件（文件名并不重要）：

// eslint-disable
System.config({
    "paths": {
        "$lib/*": "./src/lib/*",
    }
});

现在导航到 $lib/* 下的路径应该“正常工作”✨ 自动。不幸的是，我找不到这个特殊 WebStorm-specific System.config() 解决方法的文档，我能找到的最好的是 this comment Jetbrains 的问题跟踪器。

How to enable support for SvelteKit's $lib alias in WebStorm (and PhpStorm, etc)?