Asp.net core 在dotnet core react模板的custom.scs中自定义引导

我正在Visual studio 2017中使用dotnet core React模板。此模板记录在此处：

它附带了一个自定义的.scss文件和一个reactstrap。是否可以使用bootstrap mixin来使用这个定制的.scss文件定制引导，或者这需要额外的配置

例如，我添加了以下内容，但这似乎没有任何作用：

@include media-breakpoint-down(md) {
    .btn-block-md {
        display: block;
        width: 100%;
    }
}

是否可以使用bootstrap mixin来使用这个custom.scss文件定制引导，或者这需要额外的配置

未使用

自定义.scs

，已从最新的源代码中删除，请参阅。有关详细信息，请参阅

尽管未使用

custom.scs

，但您可以使用内置的

react脚本

轻松自定义引导。如上所述，您需要将

react scripts

依赖项更新为

@2.0.0

及更高版本

请注意，最新版本需要依赖于

eslint

、

babel eslint

等，不要试图手动管理这些依赖项，只需让npm管理它们：

删除

package lock.json

（而不是

package.json

）和

warn.lock

文件

删除项目文件夹中的节点模块

删除

babel-eslint

，

eslint

，

eslint-config-react-app

，以及

package.json

文件中的所有

eslint-plugin-*

依赖项（因为它们将由npm管理）

将

package.josn

中的

react scripts

依赖项更新为

“react scripts”：“^2.0.0”，

运行

npmi

安装依赖项

然后安装

节点sass

：

npm install node-sass --save

现在，您可以根据需要自定义引导

---

例如，让我们创建一个

src/Custom.scss

文件，并将

primary

更改为

darkgreen

：

$theme-colors: ( "primary": darkgreen, ); // as suggested by @mutex, it's better to reference by `bootstrap/scss/bootstrap.scss` @import "../node_modules/bootstrap/scss/bootstrap"; @import "bootstrap/scss/bootstrap.scss"; 您会发现

主

颜色已更改为

暗绿色

：

$theme-colors: ( "primary": darkgreen, ); // as suggested by @mutex, it's better to reference by `bootstrap/scss/bootstrap.scss` @import "../node_modules/bootstrap/scss/bootstrap"; @import "bootstrap/scss/bootstrap.scss";

---

谢谢，+1，如果我有时间的话，我一定会尝试一下，并将其标记为答案。你真的超越了我，因为我主要是被custom.scss文件的存在搞糊涂了。。。你链接的讨论回答了我的主要问题。是的，我认为他们把它拿走是有道理的！谢谢，这很有效！我唯一的一个小改动是我在custom.scss中使用了import“bootstrap/scss/bootstrap.scss”而不是import../node\u modules/bootstrap/scss/bootstrap-是否需要引用您的node\u modules文件夹？我还需要在导入结束时使用scss扩展。@mutex您完全正确。我写了

。/node\u modules/bootstrap/scss/bootstrap

，只是因为我不记得路径：P，所以让我的VSCode中的npm扩展帮助我。。。。事实上，如果我将它改为

@import“bootstrap/scss/bootstrap.scss”，它的效果相当好。无需添加
。/node\u modules
前缀。