O código -fonte do All Sea.js é armazenado no Github: https://github.com/seajs/examples, e a estrutura do diretório é:
Exemplos/ |-Sea-Modules armazena Seajs, jQuery e outros arquivos, que também é o diretório de implantação do módulo |-Arquivos estáticos de armazenamento JS e CSS para cada projeto ||-Olá | |- Lucky | `- TODO`- App armazena HTML e outros arquivos |- hello.html |- Lucky.html `- TODO.HTML
Introduza o arquivo principal do SEAJS
<script src = "js/Sea.js"> </script> <script type = "text/javascript"> // Seajs Configuration Item Seajs.config ({// Defina o caminho básico JS (referindo -se ao diretório raiz de arquivos externos): "/ js ", // definido como alias (lateres), para o Diretório Raiz). // Configuração do caminho (usada ao chamar entre diretórios ou quando o diretório é mais profundo) caminhos: {'jquery': 'http://libs.baidu.com/jquery/2.0.0/'}, // Definir o arquivo de codificação de arquivo: "utf-8", /////1D prelOAD: ['jQuery'] // Reference o arquivo de entrada principal Seajs.use (['Main', 'JQuery'], function (e, $) {// Função de retorno de chamada alerta ("Carregar tudo concluído");}); </sCript>Arquivo de entrada principal do SEAJS (principal)
define (função (requer, exporta, módulo) {// O arquivo de entrada principal apresenta outras dependências do arquivo // var testreq = require ('index'); var testreq = require.async ('index', function () {// Async carregando alerta de retorno ("Eu sou a função de retorno do interior do interior; testreq.testinit ();Arquivo de dependência do SEAJS (índice)
Definir (função (requer, exporta, módulo) {// libere a interface para a exportação externa.testinit = function () {alert ("eu sou uma interface");}; // se você precisar liberar um grande número de interfaces, você pode usar o módulo var testObj = {name: "qiangck", sexo "" module.exports ");}} // module.exports recebem obj object module.exports = testObj;});Pedido de carregamento de arquivos
Vamos começar com o Hello.html para ver como organizar o código usando o Sea.js.
Módulos de carregamento na página
No final da página Hello.html, depois de apresentar o Sea.js através do script, há um código de configuração:
// Configuração simples de Seajs Seajs.config ({base: "../sea-modules/", Alias: {"jQuery": "jQuery/jQuery/1.10.1/jQuery.js"}}) // Carregar o módulo de entrada Seajs.use ("// stictic/hello/src/src //)Após o download do SEA.js, o módulo de entrada será carregado automaticamente. O código na página é simples.
Código do módulo
Este pequeno jogo tem dois módulos, spinning.js e main.js, que seguem o método de escrita unificada:
// Todos os módulos definem definir (função (requer, exportações, módulo) {// Introduce dependência var através de requer $ = requer ('jQuery'); var spinning = requer ('./ spinning'); // fornece a interface para o exterior através de exportações exports.Dosomething = ... // ou fornecem toda a interface através do módulo.Exports module.exports.O exposto acima é o formato de escrita do módulo CMD recomendado por Sea.js. Se você usou o Node.js, tudo é natural.