什么是scss文件中使用的〜运算符？

Question

我不理解scss文件中以下代码行中~字符的含义：

@import "~bootstrap/dist/css/bootstrap.min.css";

Answer 1

由于它位于文件路径中，我猜它是“Bootstrap用户主目录”。

在Linux或Unix上，主目录名为~：

• ~：当前用户目录（您的）
• ~juan将是您的主目录。
• ~bootstrap：bootstrap的用户目录（例如：/home/bootstrap或/usr/share/bootstrap或/opt/bootstrap）

https://askubuntu.com/questions/656869/how-does-using-the-tilde-work-as-a-shortcut-to-my-home-directory

上的更多示例

因此，您的引导文件可能位于bootstrap用户所拥有的特定目录中，该用户将该目录作为其$HOME目录。

在这种情况下，它与Sass完全无关，它只是一个常规的文件路径。

Answer 2

这不是sass的一部分，它实际上是sass-loader的功能，您可能正在与webpack一起使用。

它的作用是相对于node_modules文件夹而不是当前文件导入文件。

请查看sass-loader的文档以获取更多详细信息：https://github.com/webpack-contrib/sass-loader#imports。