Весь исходный код SEA.JS хранится на GitHub: https://github.com/seajs/examples, а структура каталогов:
Примеры/ |-Морские модулы хранят Seajs, jQuery и другие файлы, которые также являются каталогом развертывания модуля |-Статические хранилища файлов JS и CSS для каждого проекта ||-Привет | |- счастливчик | `- todo`- приложение хранит HTML и другие файлы |- hello.html |- lucky.html `- todo.html
Представьте основной файл Seajs
<script src = "js/sea.js"> </script> <script type = "text/javascript"> // configuration item Seajs.config ({// Установить базовый путь JS (ссылка на корневой каталог внешних файлов). // Конфигурация пути (используется при вызове между каталогами или когда каталог глубже) пути: {'jQuery': 'http://libs.baidu.com/jquery/2.0.0/'}, // set file кодировать charset: "utf-8", // предварительная загрузка предварительной загрузки: ['jquery']}); // Справовать основной файл входа Seajs.use (['main', 'jquery'], function (e, $) {// alert function functОсновной файл входа Seajs (Main)
define (function (require, exports, module) {// Основной входной файл вводит другие зависимости от файлов // var testReq = require ('index'); var testReq = require.async ('index', function () {// async нагрузка Alert («I Am - функция Callback функции Asynchronous index////////////////////ваварееевом интерф. testReq.testinit ();Файл зависимости SEAJS (индекс)
Определите (function (require, exports, module) {// Отпустите интерфейс для внешних экспорта. module.exports ");}} // module.exports получает OBJ Object Module.exports = testObj;});Порядок загрузки файла
Давайте начнем с hello.html, чтобы увидеть, как организовать код, используя SEA.js.
Загрузка модулей на странице
В конце страницы hello.html, после представления Sea.js через скрипт, есть код конфигурации:
// Простая конфигурация SEAJS SEAJS.Config ({base: "../sea-modules/", псевдоним: {"jQuery": "jquery/jQuery/1.10.1/jQuery.js"}}) // Загрузите модуль входа Seajs.usПосле того, как загрузка SEA.JS будет завершена, модуль входа будет загружен автоматически. Код на странице такой простой.
Код модуля
Эта маленькая игра имеет два модуля, spinning.js и main.js, которые следуют методу единого письма:
// Все модули определяют определение (функция (require, exports, module) {// ввести зависимость var через $ = require ('jquery'); var spinning = require ('./ spinning'); // обеспечить интерфейс для внешних через exports exports.dosomething = ... // или обеспечить весь интерфейс через модуль.Выше приведено формат написания модуля CMD, рекомендованный SEA.JS. Если вы использовали node.js, все естественно.