node.js - 通过 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";

波浪号运算符应将任何导入解析为模块。