Minifică și îmbină CSS, JavaScript și HTML

Total.js 5 · total5@0.0.19 performancecssjavascripthtmlminification Executată cu Total.js 5

Total.js minifică ceea ce servește, fără niciun pas de build. Un fișier .css sau .js din public/ este trimis fără comentarii și spații albe (codul nu este redenumit sau restructurat, ci doar compactat), iar un șir trimis cu $.html() sau un view randat pierde comentariile HTML și spațiile repetate sunt comprimate. Un fișier al cărui nume conține .min. (precum library.min.js) este considerat deja minificat și este trimis ca atare.

Trei setări din fișierul config îl controlează, toate true în mod implicit: $minifyjs, $minifycss și $minifyhtml. Setează una la false pentru a servi acel tip nemodificat, ceea ce e util când depanezi în browser.

MERGE(url, file1, file2, ...) înregistrează un fișier virtual care este concatenarea, minificată, a fișierelor date. Browserul face o singură cerere în loc de multe. Căile fișierelor sunt URL-uri ale folderului public/.

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>');
}