import - 如何简化我的 npm sass 包的 @import 路径？

Question

情况

我开发了一个小的 sass 包 并在 npm 上发布了它。

为了在项目中使用这个包，我 npm install 它然后像这样导入主文件:

@import 'node_modules/my-package/my-package.scss';

这有效。

问题

是否可以允许用户像这样导入它？

@import '我的包';
或者
@import 'my-package.scss';

我想我看到了一些允许这样做的软件包。这可能吗？

非常感谢任何形式的帮助!

Answer 1

如果您使用的是 Dart Sass，您可以将 --load-path=node_modules 传递给您的监视脚本，然后在您的主 Sass 文件中添加 @import "my-package";。

package.json 中的示例脚本:

“sass --load-path=node_modules --watch app/sass:app/dist --style compressed”

---

在偶然发现这个解决方案之前，我花了很多时间试图解决这个问题并安装我不需要的模块。