CSS, JavaScript és HTML minifikálása és összefűzése

Total.js 5 · total5@0.0.19 performancecssjavascripthtmlminification Total.js 5-tel lefuttatva

A Total.js build lépés nélkül minifikálja, amit kiszolgál. A public/ egy .css vagy .js fájlját megjegyzések és szóközök nélkül küldi (a kódot nem nevezi át és nem szervezi át, csak tömöríti), a $.html()-lel küldött szöveg vagy a renderelt view pedig elveszíti a HTML-megjegyzéseit, az ismétlődő szóközök összevonódnak. Az a fájl, amelynek neve tartalmazza a .min.-t (például library.min.js), már minifikáltnak számít, és változatlanul megy ki.

Három beállítás vezérli a config fájlban, mind alapértelmezetten true: $minifyjs, $minifycss és $minifyhtml. Állíts egyet false-ra, hogy az adott típust érintetlenül szolgálja ki, ami böngészőben történő hibakereséskor hasznos.

A MERGE(url, file1, file2, ...) egy virtuális fájlt regisztrál, amely a megadott fájlok minifikált összefűzése. A böngésző egy kérést küld sok helyett. A fájlútvonalak a public/ mappa URL-jei.

public/css/app.css

/* the page style */
body {
	margin: 0;
	color: #000000;
}

public/js/app.js

// greeting
function hello(name) {
	var message = 'Hello ' + name;
	return message;
}

public/js/library.min.js

function   untouched ( ) { return  1 }

public/js/two.js

function two() { return 2; }

controllers/minify.js

exports.install = function() {
	ROUTE('GET /page/', page);
	MERGE('/all.js', '/js/app.js', '/js/two.js');
};

function page($) {
	$.html('<!DOCTYPE html>\n<html>\n  <body>\n    <!-- a note -->\n    <p>  Hello   world  </p>\n  </body>\n</html>');
}