Fix critical CSS and paths to assets

scriptex · Jan 7, 2021 · d2c5624 · d2c5624
1 parent 62f2d04
commit d2c5624
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/critical.js b/critical.js
@@ -0,0 +1,9 @@
+const critical = require('critical');
+
+critical.generate({
+	src: 'index.html',
+	css: ['assets/dist/app.css'],
+	target: 'assets/dist/critical.css',
+	width: 1440,
+	height: 900
+});
diff --git a/package.json b/package.json
@@ -7,7 +7,7 @@
 		"start": "webpack --watch --NODE_ENV=development",
 		"optisize": "optisize --src=\"./assets/images\"",
 		"html": "php index.php > index.html",
-		"critical": "critical index.html > assets/dist/critical.css",
+		"critical": "node critical.js",
 		"rm-html": "rm index.html",
 		"pwa": "create-pwa --icon=\"./assets/images/favicon/icon.png\" --launch=\"./assets/images/favicon/launch.png\"",
 		"prod": "yarn build && yarn html && yarn critical && yarn rm-html",