{"id":479,"date":"2020-02-14T21:54:59","date_gmt":"2020-02-14T13:54:59","guid":{"rendered":"https:\/\/blog.cqdefxxx.com\/?p=479"},"modified":"2020-02-14T21:54:59","modified_gmt":"2020-02-14T13:54:59","slug":"cmd-seajs%e6%a8%a1%e5%9d%97%e5%8c%96%e6%95%99%e7%a8%8b","status":"publish","type":"post","link":"https:\/\/blog.viter.top\/index.php\/2020\/02\/14\/cmd-seajs%e6%a8%a1%e5%9d%97%e5%8c%96%e6%95%99%e7%a8%8b\/","title":{"rendered":"CMD-SeaJS\u6a21\u5757\u5316\u6559\u7a0b"},"content":{"rendered":"<pre class=\"pure-highlightjs\"><code class=\"\">## sea.js\u7b80\u5355\u4f7f\u7528\u6559\u7a0b\n1. \u4e0b\u8f7dsea.js, \u5e76\u5f15\u5165\n  * \u5b98\u7f51: http:\/\/seajs.org\/\n  * github : https:\/\/github.com\/seajs\/seajs\n  * \u5c06sea.js\u5bfc\u5165\u9879\u76ee: js\/libs\/sea.js \n2. \u521b\u5efa\u9879\u76ee\u7ed3\u6784\n  ```\n  |-js\n    |-libs\n      |-sea.js\n    |-modules\n      |-module1.js\n      |-module2.js\n      |-module3.js\n      |-module4.js\n      |-main.js\n  |-index.html\n  ```\n3. \u5b9a\u4e49sea.js\u7684\u6a21\u5757\u4ee3\u7801\n  * module1.js\n    ```\n    define(function (require, exports, module) {\n      \/\/\u5185\u90e8\u53d8\u91cf\u6570\u636e\n      var data = 'atguigu.com'\n      \/\/\u5185\u90e8\u51fd\u6570\n      function show() {\n        console.log('module1 show() ' + data)\n      }\n    \n      \/\/\u5411\u5916\u66b4\u9732\n      exports.show = show\n    })\n    ```\n  * module2.js\n    ```\n    define(function (require, exports, module) {\n      module.exports = {\n        msg: 'I Will Back'\n      }\n    })\n    ```\n  * module3.js\n    ```\n    define(function (require, exports, module) {\n      const API_KEY = 'abc123'\n      exports.API_KEY = API_KEY\n    })\n    ```\n  * module4.js\n    ```\n    define(function (require, exports, module) {\n      \/\/\u5f15\u5165\u4f9d\u8d56\u6a21\u5757(\u540c\u6b65)\n      var module2 = require('.\/module2')\n    \n      function show() {\n        console.log('module4 show() ' + module2.msg)\n      }\n    \n      exports.show = show\n      \/\/\u5f15\u5165\u4f9d\u8d56\u6a21\u5757(\u5f02\u6b65)\n      require.async('.\/module3', function (m3) {\n        console.log('\u5f02\u6b65\u5f15\u5165\u4f9d\u8d56\u6a21\u57573  ' + m3.API_KEY)\n      })\n    })\n    ```\n  * main.js : \u4e3b(\u5165\u53e3)\u6a21\u5757\n    ```\n    define(function (require) {\n      var m1 = require('.\/module1')\n      var m4 = require('.\/module4')\n      m1.show()\n      m4.show()\n    })\n    ```\n4. index.html:\n  ```\n  &lt;!--\n  \u4f7f\u7528seajs:\n    1. \u5f15\u5165sea.js\u5e93\n    2. \u5982\u4f55\u5b9a\u4e49\u5bfc\u51fa\u6a21\u5757 :\n      define()\n      exports\n      module.exports\n    3. \u5982\u4f55\u4f9d\u8d56\u6a21\u5757:\n      require()\n    4. \u5982\u4f55\u4f7f\u7528\u6a21\u5757:\n      seajs.use()\n  --&gt;\n  &lt;script type=\"text\/javascript\" src=\"js\/libs\/sea.js\"&gt;&lt;\/script&gt;\n  &lt;script type=\"text\/javascript\"&gt;\n    seajs.use('.\/js\/modules\/main')\n  &lt;\/script&gt;\n  ```\n        \n    \n       <\/code><\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>## sea.js\u7b80\u5355\u4f7f\u7528\u6559\u7a0b 1. \u4e0b\u8f7dsea.js, \u5e76\u5f15\u5165 * \u5b98\u7f51: http:\/\/seajs.org\/ * github &#8230;<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[6],"_links":{"self":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/479"}],"collection":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/comments?post=479"}],"version-history":[{"count":0,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/479\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/media?parent=479"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/categories?post=479"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/tags?post=479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}