这些 @import 后面的波浪号 ~
是什么含义?
@import '~@spartacus/styles'; @import '~bootstrap/scss/functions'; @import '~bootstrap/scss/variables'; @import '~bootstrap/scss/_mixins';
而且有略微差别:
鼠标放在第一行 @import '~@spartacus/styles';
的 styles 上,没有导航提示。
放在二三四行,会出现 Follow link
的提示。
例如对上图第三行点击 ctrl + 鼠标左键,就会导航到下面的文件:
路径为:C:\Code\SPA\spartacus\node_modules\bootstrap\scss_functions.scss
问题是,Visual Studio Code 怎么知道这个导航路径呢?
对于 @Spartacus/styles
来说,这是一个别名,实际地址在 projects/storefrontstyles
: