通过npm导入Sass

Question

当前，在Sass文件中，我们具有以下内容：

@import "../../node_modules/some-module/sass/app";

这很不好，因为我们实际上不确定路径：../node_modules可能是../../../../../node_modules，因为npm是如何安装东西的。

在Sass中，有没有一种方法可以搜索直到找到node_modules？甚至是通过npm包含Sass的正确方法？

Answer 1

如果您在2017年寻找方便的答案并使用Webpack，这是我发现的最简单的方法。

假设您的模块路径如下：

node_modules/some-module/sass/app

然后，您可以在主要的scss文件中使用：

@import "~some-module/sass/app";

波浪作业者应将任何进口货物作为模块解决。