在create react app

Question

我想在我的sass文件中扩展boostrap类。我正在编译我的sass，如example。

我已将boostrap文件复制到我的/src文件夹中。

但是，使用这个基本示例：

@import "bootstrap/*";

.header{
    @extend .container;
    background-color:red;

}

我收到错误：

{   “状态”：1，   “file”：“C：/sites/mharrisweb-redux/src/sass/style.scss”，   “行”：1，   “专栏”：1，   “message”：“要导入的文件未找到或不可读：bootstrap / 。\ nParent样式表：C：/sites/mharrisweb-redux/src/sass/style.scss”，   “格式化”：“错误：要导入的文件未找到或不可读：bootstrap / 。\ n父样式表：C：/sites/mharrisweb-redux/src/sass/style.scss \ n在第1行src / sass / style.scss \ n＆gt;＆gt; @import \“bootstrap / * \”; \ n ^ \ n“ }

Answer 1

如果您有此文件结构：

src                
  bootstrap
  sass
    style.scss                     

您应该使用：

@import "../bootstrap/scss/bootstrap";

如果使用包管理器（npm或yarn）安装Bootstrap，则可以使用：

@import "~bootstrap/scss/bootstrap";