Laravel Elixier: Gulp wird nicht kompiliert, Bootstrap-Sass-Dateien

So begann ich mit Laravel 5, Elixir und Bower und folgten dem guide veröffentlicht auf laravel-news.

Konnte ich kompilieren alle Skripte, sondern zu Schlucken, wird nicht kompiliert, die Bootstrap-Sass-Dateien, auch wenn Sie sagt Finished 'sass' after 228 ms.
Dies ist, was ich in meinem gulpfile atm:

var paths = {
    'bootstrap': './vendor/bower_components/bootstrap-sass-official/assets/'
}

elixir(function(mix) {
    mix.sass("style.scss", 'public/css/', {includePaths: [paths.bootstrap + 'stylesheets/']})
});

Aber wenn ich Schluck es gibt keine css
Verzeichnisses mit der css-Datei.

Was könnte das problem sein? Ich weiß wirklich nicht, was das problem ist.

Ich bin läuft auf Mac OSX (10.10), MAMP und aktualisiert alle apps, Abhängigkeiten etc.

Wie bereits in in diesem stackoverflow post ich habe überprüft, ob Elixier ist die neueste version und es ist (* und keine bestimmte version).

Gibt es eine Möglichkeit, die debug-Elixier? Ich habe leider nichts gefunden darüber.

Lösung posted in die Antwort

InformationsquelleAutor Kovah | 2015-02-04
  1. 2

    Lösung:

    Es war nicht der falsche Weg, sondern mehr, dass ich falsch verstanden, die Dokumentation der Funktion. Die includePaths: nicht sagen, Sass Sie in der CSS-Datei. Es sagt Sass, wo ich die Dateien, die importiert wurden @import.

    gulpfile.js

    var bower_path = "./vendor/bower_components";
var paths = {
  'jquery'     : bower_path + "/jquery/dist",
  'bootstrap'  : bower_path + "/bootstrap-sass-official/assets",
  'fontawesome': bower_path + "/fontawesome"
};

mix.sass("app.scss", "public/assets/css", {
  includePaths: [
    paths.bootstrap + '/stylesheets',
    paths.fontawesome + '/scss'
  ]
});

    Ressourcen/assets/sass/app.scss

    @import "bootstrap";
@import "font-awesome";

    Mit diesem code, den ich war in der Lage zu kompilieren, eine CSS-Datei.

    Den vollständigen code finden Sie auf der InvoicePlane repo auf Github.

    InformationsquelleAutor Kovah
  2. 0

    Ich denke, das problem ist dein Weg.

    Entsprechend der Dokumentation, Ihre scss-Datei wird davon ausgegangen, dass in resources/assets/sass. Elixir Standard-config-Pfad für die Laube ist vendor/bower_components, das ist, was Sie scheinen, zu versuchen, zu zeigen, wie gut. Wenn Sie es ändern müssen, erstellen Sie einfach eine elixir.json - Datei im Stammverzeichnis des Projekts mit einer neuen Laube Weg.

    {
  bowerDir: 'your/new/path'
}

    Bootstrap ist scss bereits im Elixir -ingredients/sass.js. 

    includePaths: [elixir.config.bowerDir + "/bootstrap-sass-official/assets/stylesheets"]

    Außerdem sind Sie einschließlich der Standard-css-Ausgabe-Pfad in Ihre sass() argument. Also, wenn Sie Ihre benutzerdefinierten scss-Datei ist resources/assets/scss/style.scss und vendor/bower_components/bootstrap-sass-official/assets/stylesheets ist ein Gültiger Pfad sollten Sie gerade brauchen,

    elixir(function(mix) {
  mix.sass("style.scss");
});

    und es wird kompilieren der scss in public/css. In meine Erfahrung, mein bower installiert haben in der /bower_components. Ich denke, die beta-Version von Laravel, dass tutorials wurde auf der Grundlage von enthalten eine .bowerrc - Datei, die erzählt bower zu installieren, die Bibliotheken in der vendor - Verzeichnis. In einem stabilen installieren, ich habe nicht die .bowerrc - Datei. Hoffe, das hilft!

    InformationsquelleAutor Grant
  3. 0

    Andere Lösung ist die Nutzung dieser Zeile zum kompilieren von sass-oder less-Dateien sitzen in Ihrem vendor-Ordner:

    mix.less("../../../vendor/twbs/bootstrap/less/bootstrap.less");

    Hinweis: ich habe "Komponisten verlangen, twbs/boostrap" erhalten Sie das komplette Paket. Keine Laube benötigt.

    Edit:

    Ich die Ausgabe der kompilierten css-Datei in den Ressourcenordner zu kombinieren mit anderen css Dateien:

    mix.less("../../../vendor/twbs/bootstrap/less/bootstrap.less", 'resources/css');


mix.styles([
    "bootstrap.css"
], 'public/css/app.css');
    InformationsquelleAutor Andréw L.
Schreibe einen Kommentar