5_CMD-SeaJS模块化

sea.js简单使用

使用seajs:
1. 引入sea.js库
2. 如何定义导出模块 :
    define()
    exports
    module.exports
3. 如何依赖模块:
    require()
4. 如何使用模块:
    seajs.use()

1. 下载sea.js, 并引入

• 官网: http://seajs.org/
• github : https://github.com/seajs/seajs
• 将sea.js导入项目: js/libs/sea.js

2. 创建项目结构

|-js
|-libs
    |-sea.js
|-modules
    |-module1.js
    |-module2.js
    |-module3.js
    |-module4.js
    |-main.js
|-index.html

3. 定义sea.js的模块代码

// module1.js
    define(function (require, exports, module) {
      //内部变量数据
      var data = 'atguigu.com'
      //内部函数
      function show() {
        console.log('module1 show() ' + data)
      }
    
      //向外暴露
      exports.show = show
    })