当使用react + webpack时如何使用绝对路径导入自定义scss？

在一个scss文件中，我试图导入自定义的，广泛使用的scss块（在React / SASS / Webpack堆栈中）。

这样我就可以使用共享的mixin。

假设我正在创建MyAdminButton，并且想要导入与项目的所有按钮有关的scss文件。（这是自定义的scss，而不是供应商/外部的）。

它看起来像这样：

//this actually works but it is a code smell : what if the current file moves ?
@import "../../stylesheets/_common-btn-styles.scss";

.my-admin-btn {
    // here I can use a shared mixin defined in _common-btn-styles.scss
}

这听起来不好，因为如果我的scss文件移动了，那么所有内容都将损坏。

谢谢你的帮助