webpack 未编译自定义变量

5sxhfpxr  于 2022-12-19  发布在  Webpack
关注(0)|答案(1)|浏览(163)

我正在Symfony上创建一个简单的项目,我正在使用webpack添加 Bootstrap ,并且尝试添加一些自定义变量,但在执行yarn build时无法编译
如何将自定义变量编译到build文件夹?
我的应用程序.scss

$nav: #F4F4F4;
$footer: #F76C6C;

@import "~bootstrap/scss/bootstrap";

我试图改变我的导航颜色,但当我把我的变量名,它不显示自定义,而只是默认的,如主
我的导航栏

<nav class="navbar navbar-light bg-footer">
    <div class="container-fluid">
        <a class="navbar-brand" href="/">
            <img src="{{ asset('build/images/logo-wild.png') }}" alt="" width="70" height="24" class="d-inline-block align-text-top">
            Les Argonautes
        </a>
    </div>
</nav>
w80xi6nr

w80xi6nr1#

变量$nav$footer不存在于bootstrap中,因此定义它们不会有任何作用。要更改导航栏的颜色,请查看文档中的以下部分:

  • https://getbootstrap.com/docs/5.0/components/navbar/#color-schemes
  • https://getbootstrap.com/docs/5.0/components/navbar/#variables

相关问题