Минимизиране и обединяване на CSS, JavaScript и HTML

Total.js 5 · total5@0.0.19 performancecssjavascripthtmlminification Изпълнено с Total.js 5

Total.js минимизира онова, което сервира, без никаква стъпка за компилиране. Файл .css или .js от public/ се изпраща без коментари и празно пространство (кодът не се преименува и не се преструктурира, само се уплътнява), а низ, изпратен с $.html(), или изобразен view губи HTML коментарите си, а повтарящите се интервали се свиват. Файл, чието име съдържа .min. (като library.min.js), се смята за вече минимизиран и се изпраща такъв, какъвто е.

Три настройки във файла config го управляват, всички true по подразбиране: $minifyjs, $minifycss и $minifyhtml. Задайте една на false, за да се сервира този тип непроменен, което е удобно при отстраняване на грешки в браузъра.

MERGE(url, file1, file2, ...) регистрира виртуален файл, който е минимизираното обединение на зададените файлове. Браузърът прави една заявка вместо много. Пътищата на файловете са URL адреси на папката 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>');
}