〜导入scss文件的含义

Question

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

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

Answer 1

来自sass-loader#imports项目的文档，

  

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

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