请问scss import '~/bootstrap/xxx'中~是属于什么的语法?

Question

最近一下子新学好多前端工具,在引入boostrap-sass的时候看到有人贴出这段代码

$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/";
@import "~bootstrap-sass/assets/stylesheets/_bootstrap.scss";

请问这里开头的这个~是什么意思?

Answer 1

这是用webpack打包编译时指代当前项目下node_modules包里的样式文件，只在样式文件@import时这么用。

Answer 2

若这是在 Linux/Mac 系统环境下编译的 SASS 的话，~/boostrap/xxx... 中 ~ 就是指当前用户目录
例如 Mac 下，/Users/Joy , Joy 为用户名