在导入scss文件时〜的含义

Question

我有一个用于样式的npm库，它使用以下语法导入scss文件。我不确定这意味着什么，也无法在线找到任何文档。我在构建过程中对webpack使用grunt。

@import '~bourbon/app/assets/stylesheets/bourbon';
@import '~bourbon-neat';

Answer 1

从sass-loader＃imports项目的文档中，

webpack提供了一种高级的文件解析机制。sass-loader使用node-sass的自定义导入器功能将所有查询传递到Webpack解析引擎。因此，您可以从node_modules导入Sass模块。只需在它们前面加上〜即可告诉webpack这不是相对导入

因此，如果您有一个名为的文件foo.css和一个模块，foo那么~如果要包含该模块，就可以使用。