npm包中的alias配置

背景

在实际开发中，为了避免输入很多类似 ../../../core/**.ts 路径的问题，我们会给 path 设置一个别名(alias)。

我们经常使用类似于：

• @/: src/
• @components/: src/components
• ~/: src/
• ~~/: /

来指向一些常用路径。

在单一的项目中，这是完全没问题的（即使是依赖了很多 npm包 的项目，因为相信正常的npm包都是经过编译的，此时的别名已经不复存在）。

但在使用了类似于 git submodules 的项目中，workspaces 模块如果使用了别名，读取的是主项目的alias配置，因此导致无法正确的匹配文件路径。

解决

知道了问题就很好解决了，我们可以参考 element-plus 的配置。

设置一个与该项目npm包名相同的别名，这样无论是在本项目中，还是作为 workspaces 使用，都能够正确的引用了！