完全な例
私は上記のことをたくさん言ったが、知識ポイントは比較的散らばっているので、最終的に私はあなたの友人が要約してレビューするためにこれらの知識ポイントをまとめるために完全なSEAJの例を使用する予定です。この例には、次のファイルが含まれています。
1.index.html-メインページ。
2.SEA.JS-SEAJSスクリプト。
3.Init.js - Initモジュール、エントリモジュール、データ、jQuery、およびスタイルに依存しています。メインページからロードされます。
4.data.js-dataモジュール、純粋なJSONデータモジュール、initによってロードされました。
5.jquery.js - jqueryモジュール、jqueryライブラリのモジュラーカプセル、initがロードしました。
6.Style.CSS - CSSスタイルシート、INITでスタイルモジュールとしてロードされました。
7.Say.jsとjquery.jsのコードは、私が書いたファイルのコードのみを提供することはありません。
HTML：
次のようにコードをコピーします：<！doctype html>
<html lang = "zh-cn">
<head>
<メタcharset = "utf-8">
<title> </title>
</head>
<body>
<div id = "content">
<p> </p>
<p> <a href = "＃"> blog </a> </p>
</div>
<Script src = "./ sea.js" data-main = "./ init"> </script>
</body>
</html>
JavaScript：
コードコピーは次のとおりです。
//init.js
定義（関数（要求、エクスポート、モジュール）{
var $ = require（ './ jquery'）;
var data = require（ './ data'）;
var css = require（ './ style.css'）;
$（ '。著者'）。html（data.author）;
$（ '。ブログ'）。attr（ 'href'、data.blog）;
}）;
//data.js
定義する（{
著者：「Zhangyang」、
ブログ： 'http://blog.codinglabs.org'
}）;
CSS：
コードコピーは次のとおりです。
.author {color：red; font-size：10pt;}
.blog {font-size：10pt;}
操作効果は次のとおりです。