Saya mencoba mengedit app.scss saya di proyek Symfony 4 saya.

Tapi background-color tidak berfungsi.

body {
  background-color: #ccccff;
}

Di base.html.twig saya, saya punya ini:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>
            {% block title %}Welcome!
            {% endblock %}
        </title>
        <meta content="width=device-width, initial-scale=1" name="viewport">
        <link href="/css/bootstrap.min.css" rel="stylesheet">
        <link href="/css/app.scss" rel="stylesheet">
        <link crossorigin="anonymous" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" rel="stylesheet"> {% block stylesheets %}{% endblock %}
        </head>

        <body>
            {% include "components/sidebar/sidebarHeader.html.twig" %}
            <div class="col-md-12"> {% block body %}{% endblock %}
                </div>
                {% include "components/sidebar/sidebarFooter.html.twig" %}

                {# TODO: Trouver un moyen d'insérer <script src="/js/jquery.min.js"></script> au lieu du footer sidebar #}
                <script src="/js/popper.min.js"></script>
                <script src="/js/bootstrap.min.js"></script>
                {% block javascripts %}{% endblock %}
            </body>
        </html>

Satu-satunya solusi yang berfungsi adalah mengedit langsung bootstrap.min.css.

Namun, jika saya mengedit app.scss saya, jika setelah bootstrap.min.css saya di base.html.twig, mengapa itu tidak berhasil?

Terima kasih atas bantuan Anda !

0
azzaze 9 Agustus 2019, 22:11

1 menjawab

Jawaban Terbaik

Anda memiliki ini dalam contoh kode Anda ...

<link href="/css/app.scss" rel="stylesheet">

Namun, browser tidak tahu apa yang harus dilakukan dengannya, karena ini adalah css yang telah dikompilasi sebelumnya. Anda perlu mengganti baris itu dengan:

<link href="/css/app.css" rel="stylesheet">

Dan sebenarnya kompilasi file scss menggunakan Sass. Pastikan file css yang dikompilasi berada di lokasi yang sama dengan file Sass, atau Anda harus mengubah jalurnya.

0
Daniel C 9 Agustus 2019, 19:45