scss中的import后加波浪号~含义

如下：

@import "~bootstrap/dist/css/bootstrap.min.css";
@import "~font-awesome/css/font-awesome.min.css";

前面加 ~ 表示你后面的值为 alias, 然后就会去 webpack alias 配置中找相应的值, 然后拼接成最后的地址, 例如

configureWebpack: {

resolve: {
    alias: {
        "bootstrap": "cc/vv",
        "font-awesome": "vv/bb",
    }
}

}

@import "~bootstrap/dist/css/bootstrap.min.css";
@import "~font-awesome/css/font-awesome.min.css";

等同于

@import "cc/vv/bootstrap/dist/css/bootstrap.min.css";
@import "vv/bb/font-awesome/css/font-awesome.min.css";