# Minifikuj i łącz CSS, JavaScript i HTML

> Pliki statyczne i odpowiedzi HTML są minifikowane automatycznie; użyj MERGE(), aby serwować kilka plików jako jeden, oraz ustawień $minify, aby to wyłączyć.

Framework: total5
Product: Total.js 5 (total5@0.0.19)
Language: pl
Content-SHA256: fb852706480daa4acad1e92092b2fa126f38b491c8604ed3a98e17013a5a83f9
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: total5-installed@total5@0.0.19
Review: not-recorded

Total.js minifikuje to, co serwuje, bez żadnego kroku budowania. Plik `.css` lub `.js` z `public/` jest wysyłany bez komentarzy i białych znaków (kod nie jest przemianowywany ani przebudowywany, tylko zagęszczany), a ciąg wysłany przez `$.html()` lub wyrenderowany widok traci komentarze HTML i powtarzające się spacje są scalane. Plik, którego nazwa zawiera `.min.` (na przykład `library.min.js`), uchodzi za już zminifikowany i jest wysyłany bez zmian.

Kontrolują to trzy ustawienia w pliku `config`, wszystkie domyślnie `true`: `$minifyjs`, `$minifycss` i `$minifyhtml`. Ustaw jedno na `false`, aby serwować dany typ bez zmian, co przydaje się przy debugowaniu w przeglądarce.

`MERGE(url, file1, file2, ...)` rejestruje plik wirtualny będący zminifikowanym złączeniem podanych plików. Przeglądarka wysyła jedno żądanie zamiast wielu. Ścieżki plików to adresy URL z folderu `public/`.

```css public/css/app.css
/* the page style */
body {
	margin: 0;
	color: #000000;
}
```

```js public/js/app.js
// greeting
function hello(name) {
	var message = 'Hello ' + name;
	return message;
}
```

```js public/js/library.min.js
function   untouched ( ) { return  1 }
```

```js public/js/two.js
function two() { return 2; }
```

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