Ich habe mein Gulpfile
, um mein sass
zu kompilieren und bin nur ein " live-reload
weg vom Dumping codekit
". Ich habe Schwierigkeiten, diese Stilinjektion zu bekommen. Ich versuche das einzurichten: Ссылка
Und wenn ich im Terminal schlucke, scheint es, dass es den Hass kompiliert, aber es injiziert die Stile nicht. Was mache ich falsch? Ich habe die Liveload-Erweiterung in Chrome + die folgenden Knotenmodule installiert:
%Vor%Und mein gulpfile sieht so aus:
%Vor%Jede Hilfe wird sehr geschätzt. Vielen Dank!
Laufen Sie von localhost ab? Gehen Sie zu den Einstellungen über das Plugin in Chrome und überprüfen Sie die Option für Datei-URLs: chrome: // extensions /
Ich bin gerade auf dieses fantastische Tutorial gestoßen, in dem alle Punkte erklärt wurden, um Liveload mit Gulp zum Laufen zu bringen:
Wenn Sie gulp-livereload
verwenden, denke ich, dass es keinen Sinn macht, auch tiny-lr
zu verwenden.
Hier finden Sie ein funktionierendes Beispiel für die Integration von LiveReload:
Ссылка - SPA-Frontend-Starterkit
Brauchst nur diese npm-Module
npm install gulp gulp-sass gulp-livereload express --save-dev
Legen Sie die Scss-Dateien in /app/styles
und Html-Dateien in /app/
Installieren Sie das Plug-In für das erneute Laden für Chrome.
Gehen Sie zu Ссылка und aktivieren Sie die Option für den aktuellen Tab
Fertig: -)
(Vergessen Sie nicht, die Sass-Einstellungen für Ihr Projekt zu ändern. Setzen Sie indentedSyntax
auf false
, wenn Sie scss anstelle von sass verwenden)
Tags und Links sass gulp livereload