SASS / SCSS @import前面的〜是什么意思/做什么？

Question

我被告知GitHub在我的SASS / SCSS ~路径之前开始使用@import。尝试谷歌，但无法找到一个正确的答案。我觉得这太过新手了，甚至懒得写，但我想学习它。

Answer 1

〜是对代码文件的相对引用。

当我们导入角度材质主题和其他库时，

〜指的是node_modules。 而在〜的情况下，如果SASS引用您的本地文件来加载您的部分。例如：@import＆＃39; ~scss / variables＆＃39 ;; 通常是文件系统的默认位置引用。我不确定正确的术语。

Answer 2

其网络包功能。 ~等于node_modules

Answer 3

指的是 node_modules 目录（或其等价物）。

例如，在Angular应用程序中（当然使用node.js和webpack）你可以拥有：

nav-bar.component.scss引用（@import）~bootstrap/scss/functions。

~部分引用node_module，其余部分（bootstrap/scss/functions）引用node_module目录中的其余路径（参见下图）< / p>