livereload

___ qstntxt ___

Ich habe mein %code% , um mein %code% zu kompilieren und bin nur ein " %code% weg vom Dumping %code% ". 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!

    
___ qstnhdr ___ Schneller zum Arbeiten mit Liveload ___ answer23313035 ___

Ich bin gerade auf dieses fantastische Tutorial gestoßen, in dem alle Punkte erklärt wurden, um Liveload mit Gulp zum Laufen zu bringen:

Ссылка

    
___ answer21410466 ___

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 /

    
___ answer28000274 ___

Das ist meine Lösung

  • Brauchst nur diese npm-Module %code%

  • Legen Sie die Scss-Dateien in %code% und Html-Dateien in %code%

  • ab
  • 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 %code% auf %code% , wenn Sie scss anstelle von sass verwenden)

%Vor%     
___ answer23729139 ___

Ich habe Schluck und Liveload ohne die Notwendigkeit von Browser-Plugins laufen.

%Vor%

genießen:)

    
___ tag123sass ___ Sass (Syntactically Awesome Style Sheets) ist eine Erweiterung von CSS, die Features wie verschachtelte Regeln, Variablen, Mixins und Klassenerweiterungen hinzufügt. Dadurch können Entwickler strukturiertes, verwaltbares und wiederverwendbares CSS schreiben. Sass ist in Standard-CSS kompiliert. ___ answer34415306 ___

Ich hatte den Liveload über Browsererweiterungen aktiviert, aber das letzte, was ich tun musste, war, auf diesen Button zu klicken, um ihn auf der einzelnen Registerkarte zu aktivieren.

    
___ tag123gulp ___ Gulp ist ein JavaScript-Build-System, ein Node.js-basierter Task-Runner wie Grunt. Gulp verwendet Streams und Code-over-Konfiguration für einen einfacheren und intuitiveren Build-Prozess. ___ tag123liveload ___ LiveReload wendet CSS / JS-Änderungen in Safari oder Chrome an, ohne die Seite neu zu laden (und lädt die Seite automatisch, wenn sich HTML ändert) ___ answer23171592 ___

Wenn Sie %code% verwenden, denke ich, dass es keinen Sinn macht, auch %code% zu verwenden.

Hier finden Sie ein funktionierendes Beispiel für die Integration von LiveReload:

Ссылка - SPA-Frontend-Starterkit

    
___
1
Antwort

Unterstützt Sublime Text Live-Bearbeitung von CSS / SASS-Dateien?

Unterstützt Sublime Text die Live-Bearbeitung von Dateien? Ich suche nach einem besseren Workflow. Ich mag Sublime Text sehr, aber kürzlich wurde ich von den "Live Editing" Funktionen von Tools wie Codepen.io und (kürzlich getestet) Adobe B...
14.11.2013, 18:09
1
Antwort

Live-Neuladen schlägt fehl - Fehler beim Laden der Ressource: net :: ERR_CONNECTION_REFUSED

Ich beginne das Live-Nachladen via Gulp: %Vor% Es hatte funktioniert, bis ich diesen kryptischen Fehler in der Browser-Konsole vor kurzem bekommen habe und das Laden nicht mehr funktioniert: %Vor% Irgendeine Idee, was hier passiert? I...
22.10.2014, 10:52
4
Antworten

Liveload funktioniert nicht in Chrome mit Gulp, was fehlt mir

Ich versuche Liveload mit Gulp, Sublime Text 3 und Chrome zu verwenden, aber aus irgendeinem Grund funktioniert es nicht. Hier ist was ich getan habe. Installierte die Liveload-Erweiterung in Chrome. Installierter Schluck-Liveload. Setup...
04.09.2015, 13:34
6
Antworten

Schneller zum Arbeiten mit Liveload

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 Termina...
28.01.2014, 14:46