Minifiera och slå ihop CSS, JavaScript och HTML

Total.js 5 · total5@0.0.19 performancecssjavascripthtmlminification Körd med Total.js 5

Total.js minifierar det som serveras, utan något byggsteg. En .css- eller .js-fil från public/ skickas utan kommentarer och blanksteg (koden byter inte namn och struktureras inte om, den packas bara samman), och en sträng som skickas med $.html() eller en renderad vy förlorar sina HTML-kommentarer och upprepade mellanslag slås ihop. En fil vars namn innehåller .min. (som library.min.js) anses redan vara minifierad och skickas som den är.

Tre inställningar i filen config styr det, alla true som standard: $minifyjs, $minifycss och $minifyhtml. Sätt en till false för att servera den typen orörd, vilket är praktiskt när du felsöker i webbläsaren.

MERGE(url, file1, file2, ...) registrerar en virtuell fil som är den minifierade sammanslagningen av de angivna filerna. Webbläsaren gör en förfrågan i stället för många. Filsökvägar är URL:er i mappen 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>');
}