모든 SEA.JS 소스 코드는 github : https://github.com/seajs/examples에 저장되며 디렉토리 구조는 다음과 같습니다.
예제/ |-바다 모듈은 Seajs, jQuery 및 기타 파일을 저장하며, 모듈의 배포 디렉토리이기도 |-각 프로젝트의 정적 저장 JS 및 CSS 파일 ||-hello | |- 행운 | `- todo`o- 앱 스토어 html 및 기타 파일 |- hello.html |- lucky.html`o- todo.html
SEAJS 메인 파일을 소개합니다
<script src = "js/sea.js"> </script> <script type = "text/javaScript"> // seajs 구성 항목 seajs.config ({// 외부 파일의 루트 디렉토리를 참조하는 기본 JS 경로 설정 // 경로 구성 (디렉토리를 가로 질러 호출하거나 디렉토리가 더 깊을 때 사용) 경로 : { 'jQuery': 'http://libs.baidu.com/jquery/2.0.0/'}, // 파일 인코딩 charset : "utf-8", // proLoad peload : [ 'jquery'}); // 메인 엔트리 파일을 참조하여 seajs.use ([ 'main', 'jquery'], function (e, $) {// 콜백 함수 alert ( "모두로드");}); </script>를 참조하십시오.SEAJS 메인 엔트리 파일 (메인)
define (function (요구, 내보내기, 모듈) {// 주요 항목 파일은 다른 파일 종속성을 소개합니다 // var testreq = require ( 'index'); var testreq = requeync ( 'index', function () {// Async로드 콜백 경보 ( "INDYNCHRONOUS로드 인덱스의 콜백 함수"; // testreq.testinit ();SEAJS 종속성 파일 (색인)
define (function (요구, 내보내기, 모듈) {// 인터페이스를 외부 내보내기로 릴리스합니다 .TestInit = function () {alert ( "I am in interface");};};};}; // 많은 수의 인터페이스를 해제 해야하는 경우 var testobj = {name : "Qiangck", 섹스 : "man", function () {alert () {alert () module.exports ");}} // module.exports 수신 OBJ Object Module.Exports = testObj;});파일로드 순서
Hello.html부터 시작하여 Sea.js를 사용하여 코드를 구성하는 방법을 확인하겠습니다.
페이지의로드 모듈
hello.html 페이지의 끝에 스크립트를 통해 Sea.js를 소개 한 후 구성 코드가 있습니다.
// Seajs Seajs.config의 간단한 구성 ({base : "../sea-modules/", alias : { "jQuery": "jQuery/jQuery/1.10.1/jquery.js"}}) // 입력 모듈 Seajs.use ( "../ hello/src/main").Sea.js를 다운로드하면 입력 모듈이 자동으로로드됩니다. 페이지의 코드는 간단합니다.
모듈 코드
이 작은 게임에는 통일 된 쓰기 방법을 따르는 두 개의 모듈이 있습니다.
// 모든 모듈 정의 정의 (함수 (요구, 내보내기, 모듈) {// 의존성 소개 var Quession $ = 요구 사항 ( 'jquery'); var spinning = requorts ( './ spinning'); // Exports.dosomethings = ... // 전체 인터페이스를 제공합니다.위는 Sea.js에서 권장하는 CMD 모듈 쓰기 형식입니다. Node.js를 사용한 경우 모든 것이 자연 스럽습니다.