This is an old revision of the document!
Hier das Basic Script wie man require.js klever integriert.
in den <head>
Teil des HTML schreibt man:
<script data-main="/assets/js/require-config" src="/assets/js/vendor/require.js"></script>
Der Code lädt require.js und startet die configuration, diese sollte dann so ungefähr aussehen:
/assets/js/require-config.js
require.config({ urlArgs : "bust=" + (new Date()).getTime(), // Cache Buster beim Entwickeln, dass immer die neuste Datei geladen wird // Definieren von vorgegebenen Libraries 'jquery' : 'vendor/jquery', 'jquery-clndr' : 'vendor/jquery.clndr.min', 'uikit' : 'vendor/uikit.min', 'uikit-icons' : 'vendor/uikit-icons.min', 'TAFFY' : 'vendor/taffy.min', 'moment' : 'vendor/moment-with-locales', 'mustache' : 'vendor/mustache.min', }, // Macht einen Wrapper um Plugins, und man kann sagen welches Sub-Library welche anderen Bibliotheken braucht shim: { 'jquery-clndr' : ['jquery'], 'uikit-icons' : ['uikit'], } }); requirejs( ['main'] ); // Lädt das Haupt-Script
Der hier gezeigte Vendor-Folder muss im gleichen Verzeichnis wie die config-file liegen, sprich: assets/js/vendor/…