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

Question

我正在努力升级到最新版本的reactstrap & bootstrap，我曾经有：reactstrap在我的package.json和bootstrap SCSS下载到我的client/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) { 
    ... 
} 

这些@import文件不再可用于新的reactstrap和bootstrap。如何导入像@import "../bootstrap/mixins/breakpoints";这样的引导项目？还是我这样做全错了？

感谢

Answer 1

你需要从node_modules目录引导模块导入文件。所以你的根目录的路径是node_modules/bootstrap/scss/mixins/breakpoints。