Vue：如何将bootstrap _variables.scss文件导入我的作用域组件样式

Question

我正在使用vue-bootstrap，因此我和其他人一样可以使用此文件：

node_modules/bootstrap/scss/_variables.scss 

我需要将其导入到一个特定的组件中，因为我想获取$info变量并darken()。

我做了以下操作，但是没有用：

<style lang="scss" scoped>
@import "~/bootstrap/scss/_variables.scss";

.link {
    font-size: 1.3em;
    text-transform: uppercase;
    text-decoration: none;

    &.router-link-active {
        background-color: darken($info, 10%);
    }
}
</style>

错误

Module build failed (from ./node_modules/sass-loader/lib/loader.js):

undefined
       ^
      Can't find stylesheet to import.
   ╷
50 │ @import "~/bootstrap/scss/_variables.scss";
   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

我该如何解决？