Pug Template Engine - Versionsgeschichte

Steff: /* Pug Watcher und Sass Watcher mit NodeJS */

2018-07-06T06:27:45Z

Pug Watcher und Sass Watcher mit NodeJS

2018-07-06T06:25:42Z

Beispiele

2018-07-06T06:25:10Z

Einsatz mit NodeJS

2018-07-06T06:18:31Z

2018-07-05T12:31:45Z

2018-07-05T11:20:22Z

2018-07-05T11:04:23Z

Die Seite wurde neu angelegt: „Siehe auch Jade Template Engine“

Neue Seite

Siehe auch [[Jade Template Engine]]

← Nächstältere Version		Version vom 6. Juli 2018, 06:27 Uhr
Zeile 38:		Zeile 38:
	npm run start		npm run start
	Abbrechen mit Ctrl + c		Abbrechen mit Ctrl + c
		+
		+	Das Pipe Symbol im start Befehl sorgt dafür, dass sass-watch und pug-watch parallel ablaufen. Mit && würden die Befehle nacheinander laufen. Da aber der Sass Watcher immer läuft bis er abgebrochen wird, müßte der Pug Watcher so lange warten und würde nie gestartet werden.

@@ Zeile 16: / Zeile 16: @@
 == Beispiele ==
-=== Einsatz mit NodeJS ===
+=== Pug Watcher und Sass Watcher mit NodeJS ===
 '''Sass Watcher''' kompiliert eine styles.sass Datei in scss/ nach css/ und der '''Pug Watcher''' kompiliert .pug Dateien aus dem Ordner Templates in den Hauptordner (./). In ''styles.sass'' kann man per ''@import "myScssFile.scss"'' weitere Styles einbinden und bekommt so ein '''einzelnes css File mit allen Styles'''.

@@ Zeile 17: / Zeile 17: @@
 == Beispiele ==
 === Einsatz mit NodeJS ===
-Package.json
+'''Sass Watcher''' kompiliert eine styles.sass Datei in scss/ nach css/ und der '''Pug Watcher''' kompiliert .pug Dateien aus dem Ordner Templates in den Hauptordner (./). In ''styles.sass'' kann man per ''@import "myScssFile.scss"'' weitere Styles einbinden und bekommt so ein '''einzelnes css File mit allen Styles'''.
 <pre>
   ...
@@ Zeile 32: / Zeile 35: @@
    },
 </pre>

← Nächstältere Version		Version vom 6. Juli 2018, 06:18 Uhr
Zeile 14:		Zeile 14:
	und das Command Line Interface bei neueren Versionen (sonst gehts nur über das Package.json File)		und das Command Line Interface bei neueren Versionen (sonst gehts nur über das Package.json File)
	npm install pug-cli -g		npm install pug-cli -g
		+
		+	== Beispiele ==
		+	=== Einsatz mit NodeJS ===
		+	Package.json
		+
		+	<pre>
		+	...
		+	"scripts": {
		+	"test": "echo \"Error: no test specified\" && exit 1",
		+	"sass-compile": "node-sass --include-path sass scss/styles.sass css/styles.css",
		+	"sass-compile-folder": "node-sass scss/ -o css/",
		+	"sass-watch": "node-sass --watch --include-path sass scss/styles.sass css/styles.css",
		+	"sass-watch-folder": "node-sass --watch scss -o css",
		+	"pug-watch": "pug -w templates/ --out ./",
		+	"start": "npm run sass-watch \| npm run pug-watch"
		+	...
		+	},
		+	</pre>

@@ Zeile 5: / Zeile 5: @@
 == Links ==
   https://pugjs.org
   https://codeburst.io/getting-started-with-pug-template-engine-e49cfa291e33

← Nächstältere Version		Version vom 5. Juli 2018, 11:20 Uhr
Zeile 1:		Zeile 1:
	Siehe auch [[Jade Template Engine]]		Siehe auch [[Jade Template Engine]]
		+
		+	Jade ist der Vorgäner. Aus rechtlichen Gründen wurde Jade umbenannt. Pug hat aber auch einige Veränderungen erfahren.
		+
		+	== Links ==
		+	https://pugjs.org
		+	https://codeburst.io/getting-started-with-pug-template-engine-e49cfa291e33
		+
		+	== Installation ==
		+	Eventuell mit sudo davor
		+
		+	npm install --global pug
		+	und das Command Line Interface bei neueren Versionen (sonst gehts nur über das Package.json File)
		+	npm install pug-cli -g