Der gesamte Quellcode von Sea.js wird auf GitHub gespeichert: https://github.com/seajs/examples, und die Verzeichnisstruktur lautet:
Beispiele/ |-Sea-Modules speichert SeaJs, JQuery und andere Dateien. Dies ist auch das Bereitstellungsverzeichnis des Moduls |-statische Speicher JS- und CSS-Dateien für jedes Projekt ||-Hallo | |- Glück | `- todo`- App speichert HTML und andere Dateien |- Hallo.html |- Lucky.html `- Todo.html
Führen Sie die Hauptdatei von SeaJs ein
<script src = "js/sea.js"> </script> <script type = "text/javaScript"> // seeJS -Konfigurationselement SeaJs.config ({// den grundlegenden JS -Pfad festlegen (Bezug auf das Root -Verzeichnis von externen Dateien) Basis: "Js", // Set alias (für spätere Referenzen) (für spätere Referenzen): {JQUY. " Konfiguration (verwendet beim Aufrufen von Verzeichnissen oder wenn das Verzeichnis tiefer ist) Pfade: {'jQuery': 'http://libs.baidu.com/jquery/2.0.0/'}, // setze Datei coding charset: "utf-8", // Vorladung Datei Vorladung: ['Jquery']}); // Verweisen Sie auf die Haupteintragsdatei SeaJs.use (['Main', 'JQuery'], Funktion (e, $) {// Callback -Funktion alert ("Alle abgeschlossen");}); </script>SeaJS Haupteintragsdatei (Haupt)
Define (Funktion (Anforderung, Exportieren, Modul) {// Die Haupteingangsdatei führt andere Dateiabhängigkeiten ein // var testreq = required ('index'); var testreq = require.async ('index', function () {// Async Loading Callback -Alarm ("I Am Callback -Funktion des Asynchronen -Ladungsindex");}); testreq.testinit ();SeaJS -Abhängigkeitsdatei (Index)
define(function(require, exports, module) { // Release the interface to the outside exports.testInit = function(){ alert("I am an interface"); }; // If you need to release a large number of interfaces, you can use module var testObj = { name:"qiangck", sex:"man", textFun:function(){ alert("I am an object method using module.exports ");}} // module.exports empfangen obj Object module.exports = testObj;});Dateiladungsreihenfolge
Beginnen wir mit hello.html, um zu sehen, wie Code mit Sea.js. organisiert wird.
Ladenmodule auf Seite laden
Am Ende der Seite von Hello.html gibt es nach dem Einführung von Sea.js über Skript einen Konfigurationscode:
// Einfache Konfiguration von SeaJs SeaJs.config ({Basis: "../Sea-modules/", alias: {"jQuery": "jQuery/jQuery/1.10.1/jQuery.js"}}) // Lade des Eintrittsmoduls SeaJs.use ("../ static/hallo/src/Main")))))Nach Abschluss des Downloads von sea.js wird das Einstiegsmodul automatisch geladen. Der Code auf der Seite ist so einfach.
Modulcode
Dieses kleine Spiel enthält zwei Module, Spinning.js und Main.js, die der einheitlichen Schreibmethode folgen:
// Alle Module definieren definieren (Funktion (Erforderne, Exporte, Modul) {// Abhängigkeit var durch fordern $ = required ('JQuery'); var spining = require ('./ spinning'); // die Schnittstelle über das Außenbereich durch modules modules modules modules modules modules modules modules modules modules modules modules modules modules.Das obige ist das von Sea.js.js. Wenn Sie Node.js verwendet haben, ist alles natürlich.