Path problem when introducing external files into vue projects

what does "~" stand for when an external css file is introduced into a vue project? Eg:@import"~ common/stylus/mixin".
Why do you directly use import, when introducing js files? use @ import?
when introducing css files. Is there any related article you can recommend? thank you!

Jun.11,2021

@ import is the syntax of css: https://developer.mozilla.org.

~ on behalf of module request: ide/html-and-static-assets.html-sharpurl-%E8%BD%AC%E6%8D%A2%E8%A7%84%E5%88%99" rel=" nofollow noreferrer "> ide/html-and-static-assets.html-sharpurl-%E8%BD%AC%E6%8D%A2%E8%A7%84%E5%88 99 "rel=" nofollow noreferrer "> https://cli.vuejs.org/zh/guid.

Menu