我正在努力升级到最新版本的reactstrap& Bootstrap,我曾经在我的package.json中有:reactstrap和在我的client / src / styles / bootstrap目录下载的bootstrap SCSS。
我现在有了我的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和Bootstrap不再提供这些@import文件。如何导入@import "../bootstrap/mixins/breakpoints";
等引导项?或者我这样做是错的吗?
答案 0 :(得分:1)
您需要从node_modules目录中的bootstrap模块导入文件。因此,根目录的路径为node_modules/bootstrap/scss/mixins/breakpoints
。