requirejs - jak inny js na każdej ze stron Opcje

[d4ng]

Cześc w internecie widziałem masę exampli ale tylko na jednej stronie - index.html....

w części head:

[HTML] pobierz, plaintext 
<script data-main="assets/js/main.js" src="assets/js/require.js"></script>
[HTML] pobierz, plaintext 

układ:

[XML] pobierz, plaintext 
/assets
	/js
		/lib
			- jquery.min.js
			- semantic.min.js
			- autocomplete.min.js
		/module
			search.js
		- require.js
		- main.js
[XML] pobierz, plaintext 

zawartość main (konfiguracja, to co ładuje się zawsze):

[JAVASCRIPT] pobierz, plaintext 
requirejs.config({
    baseUrl: 'assets/js/lib/',
    paths: {
        app: '../module'
    }
});
 
requirejs(['jquery.min', 'semantic.min'], function   ($, semantic) {});
[JAVASCRIPT] pobierz, plaintext 

zawartość search.js

[JAVASCRIPT] pobierz, plaintext 
define(['autocomplete'], function(autocomplete){
    return alert('modul z wykorzystaniem biblioteki autocomploeteg');
});
[JAVASCRIPT] pobierz, plaintext 

Moim celem jest to że np. na stronie "wyszukiwarka.html" załaduje sie jquery i semantic + autocomplete.min.js wraz z uruchomionym search.js

[viking]

Tylko po co? Minimalizujesz całość, przegladarka czyta wszystko raz i leci z cache. Polecam moduły es6 oraz babel. Sam się już dawno przerzucilem z require i są tylko same plusy.

[d4ng]

po to aby zastosować t3js i inicjalizować js'y tylko wtedy gdy na stronie pojawi się div z atrybutem data-module (http://t3js.org/docs/getting-started/module). zamysł jest taki że moduły to rodzaj komponentów i cała architektura bedzie dosyć rozbudowana. Nie che spłaszczać kodu który na danej stronie w ogóle nie będzie uzywany.. bezsensowna utrata zasobów.

[viking]

Przykład masz w dokumentacji https://github.com/requirejs/example-multipage
Kolejny fw który wiąże akcje przez dom. Osobiście mnie odrzuca to podejście. Trzeba mocno uważać przy pisaniu.

[Comandeer]

Kolejny fw który wiąże akcje przez dom

Już nie przeginajmy z tym demonizowaniem DOM-u. 14 warstw abstrakcji poza nim jest równie niestrawne (IMG:style_emoticons/default/wink.gif)

Jeśli serwer wie jaki JS jest potrzebny na jakiej stronie, może słać specjalnie spreparowane paczki dla danej podstrony. Wówczas odpada cały problem z asynchronicznym doczytywaniem zależności + mamy dokładnie to, czego potrzebujemy → win–win.