Laravel Elixir nicht Stylesheets bei Änderung

Question

Vorweg zu entschuldigen, wenn der Titel leicht irreführend ist. Ich fand es sehr schwierig, mein Problem im Titel richtig zu erklären. Ich werde einfach weitermachen und mein Problem erklären.

Hier ist meine gulpfile:

elixir(function(mix) { 
    mix.sass([ 
     'app.scss' 
    ], 'public/css/app.css') 
    .styles([ 
     'reset.css', 
     'resources/assets/css/bootstrap-responsive/css/bootstrap.css', 
     'app.css' 
    ], 'public/css/main.css') 
    .version([ 
     'css/main.css' 
    ]); 
}); 

Mein Problem ist, dass, wenn ich meine app.scss ändern, ist es nur aktualisiert die app.css Datei im öffentlichen Verzeichnis. Ich möchte, dass es nach dem Kompilieren der Datei app.css die Datei main.css erstellt, indem Sie die drei Stylesheets kombinieren. Das Problem ist, dass ich nicht wirklich eines dieser drei Stylesheets ändere, weil Gulp das Kompilieren für mich erledigt.

Ich bin nicht genau sicher, ob es eine Möglichkeit gibt, dies tatsächlich zu beheben, aber alle Antworten helfen.

Danke.

P.S. Ich möchte die anderen zwei CSS-Dateien nicht in meine scss-Datei importieren, anstatt sie zu kombinieren, da sie beim Laden einer Seite mehr Anfragen hinzufügen wird.

Answer 1

Seit Ebene css auch übersetzbar ist, versuchen Sie dies:

elixir(function(mix) { 
    mix.sass([ 
     'reset.css', 
     'resources/assets/css/bootstrap-responsive/css/bootstrap.css', 
     'app.scss' 
    ], 'public/css/main.css') 
    .version([ 
     'css/main.css' 
    ]); 
}); 

Oder importieren Sie die beiden anderen CSS-Dateien in der app.scss Datei mit @import "path_to_file"; und nicht nur die in der gulpfile app.scss Datei auflisten.