すべてのSea.jsソースコードはGithubに保存されます:https://github.com/seajs/examples、およびディレクトリ構造は次のとおりです。
例/ | -Sea-ModulesにはSeajs、Jquery、その他のファイルが保存されます。これは、モジュールの展開ディレクトリでもあります| - 各プロジェクトの静的保存JSおよびCSSファイル|| - Hello | | - ラッキー| `-TODO` - アプリはhtmlとその他のファイルを保存します| - hello.html | - lucky.html `-TODO.HTML
SEAJSメインファイルを紹介します
<script src = "js/sea.js"> </script> <script> <text/javascript "> // seajs構成アイテムseajs.config({//外部ファイルのルートディレクトリを参照)ベースを設定します:" ./ js "、// set aliase(後の参照)エイリアス:" (ディレクトリ間で電話をかけるときまたはディレクトリがより深いときに使用)パス:{'jQuery': 'http://libs.baidu.com/jquery/2.0.0/'}、//ファイルエンコードチャーセット: "utf-8"、// preload file preoad:['jquery']}); //メインエントリファイルseajs.use(['main'、 'jquery']、function(e、$){// callback function alert( "load all complete");}); </script>SEAJSメインエントリファイル(メイン)
定義(function(require、exports、module){//メインエントランスファイルは他のファイル依存関係を導入しますtestreq.testinit();SEAJS依存関係ファイル(インデックス)
define(function(require、exports、module){// interfaceを外部エクスポートにリリースします。testinit= function(){alert( "i a a interface");}; // module var testobj = {name: "qiangck"、 "man:" man: "man:" man: "man:" man: "man:" man: module.exports ");}} // module.exportsを受信しますobjオブジェクト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"})sea.jsのダウンロードが完了すると、エントリモジュールは自動的にロードされます。ページのコードはそれほど簡単です。
モジュールコード
この小さなゲームには、spinning.jsとmain.jsの2つのモジュールがあり、統一されたライティング方法に従います。
//すべてのモジュールは定義を定義します(関数(要求、エクスポート、モジュール){// $ = required( 'jQuery'); var spinning = request( './ spinning'); // exports exports.dosomeeth = ... //を介してインターフェイスを提供するか、Module.exports module.exports = ... ...上記は、sea.jsが推奨するCMDモジュール作成形式です。 node.jsを使用した場合、すべてが自然です。