Javascript 如何在特定于容器的SCS中包含引导？

我正在努力升级到&Bootstrap的最新版本，我以前在我的package.json中有：reactstrap，在我的client/src/styles/Bootstrap目录中下载Bootstrap scs

现在我的package.json中有：

"reactstrap": "^5.0.0-alpha.3",
"bootstrap": "^4.0.0-beta",

对于我的特定于容器和组件的SCSS文件，这用于：

home.jsx:

import '../styles/home/Home.css'

home.scss

@import "../bootstrap/variables";
@import "../bootstrap/custom";
@import "../bootstrap/mixins/breakpoints";

@include media-breakpoint-down(sm) {
    ...
}

---

这些@import文件在新的reactstrap和Bootstrap中不再可用。如何导入引导项，如

@import../bootstrap/mixin/breakpoints”？还是我做得不对？
您需要从node_modules目录中的引导模块导入文件。因此，来自根目录的路径将是
节点\u模块/bootstrap/scss/mixins/breakpoints