Minifier et fusionner CSS, JavaScript et HTML

Total.js 5 · total5@0.0.19 performancecssjavascripthtmlminification Exécutée avec Total.js 5

Total.js minifie ce qu'il sert, sans aucune étape de compilation. Un fichier .css ou .js de public/ est envoyé sans commentaires ni espaces superflus (le code n'est ni renommé ni restructuré, seulement compacté), et une chaîne envoyée avec $.html() ou une vue rendue perd ses commentaires HTML et voit ses espaces répétés réduits. Un fichier dont le nom contient .min. (comme library.min.js) est considéré comme déjà minifié et est envoyé tel quel.

Trois réglages du fichier config le contrôlent, tous à true par défaut : $minifyjs, $minifycss et $minifyhtml. Mettez-en un à false pour servir ce type sans modification, ce qui est pratique pour déboguer dans le navigateur.

MERGE(url, file1, file2, ...) enregistre un fichier virtuel qui est la concaténation, minifiée, des fichiers indiqués. Le navigateur fait une requête au lieu de plusieurs. Les chemins de fichiers sont des URL du dossier 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>');
}