如何在容器特定的scss中包含bootstrap?

我正在努力升级到reactstrap &bootstrap的最新版本,我曾经有:reactstrap在我的package.json和bootstrap SCSS下载在我的客户端/ src / styles / bootstrap目录中。

我现在有在我的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) { ... } 

新的reactstrap和引导程序不再提供这些@import文件。 如何导入引导项目,如@import "../bootstrap/mixins/breakpoints"; bootstrap/ @import "../bootstrap/mixins/breakpoints"; ? 还是我做这一切都错了?

谢谢