首页 > 其他分享 >CMD-SeaJS模块化

CMD-SeaJS模块化

时间:2022-11-07 18:04:00浏览次数:45  
标签:function exports show SeaJS require CMD js 模块化 seajs


  1. 下载sea.js, 并引入
  • 官网: http://seajs.org/
  • github : https://github.com/seajs/seajs
  • 将sea.js导入项目: js/libs/sea.js
  1. 创建项目结构
|-js
|-libs
|-sea.js
|-modules
|-module1.js
|-module2.js
|-module3.js
|-module4.js
|-main.js
|-index.html
  1. 定义sea.js的模块代码
  • module1.js
define(function (require, exports, module) {
//内部变量数据
var data = 'atguigu.com'
//内部函数
function show() {
console.log('module1 show() ' + data)
}

//向外暴露
exports.show = show
})
  • module2.js
define(function (require, exports, module) {
module.exports = {
msg: 'I Will Back'
}
})
  • module3.js
define(function (require, exports, module) {
const API_KEY = 'abc123'
exports.API_KEY = API_KEY
})
  • module4.js
define(function (require, exports, module) {
//引入依赖模块(同步)
var module2 = require('./module2')

function show() {
console.log('module4 show() ' + module2.msg)
}

exports.show = show
//引入依赖模块(异步)
require.async('./module3', function (m3) {
console.log('异步引入依赖模块3 ' + m3.API_KEY)
})
})
  • main.js : 主(入口)模块
define(function (require) {
var m1 = require('./module1')
var m4 = require('./module4')
m1.show()
m4.show()
})
  1. index.html:
<!--
使用seajs:
1. 引入sea.js库
2. 如何定义导出模块 :
define()
exports
module.exports
3. 如何依赖模块:
require()
4. 如何使用模块:
seajs.use()
-->
<script type="text/javascript" src="js/libs/sea.js"></script>
<script type="text/javascript">
seajs.use('./js/modules/main')
</script>



标签:function,exports,show,SeaJS,require,CMD,js,模块化,seajs
From: https://blog.51cto.com/u_15867142/5830343

相关文章

  • store文件夹的处理,vuex模块化modules
      index文件代码:importVuefrom"vue";importVuexfrom"vuex";//导入根gettersimportgettersfrom"./getters";//导入三个模块importappfrom"./modul......
  • 修改Win10登录界面显示中文用户名 和 cmd窗口显示英文用户名的方法
    1修改Win10登录界面显示中文用户名第一步:如下,点击Windows图标,输入控制面板,点击打开第二步:将查看方式修改为小图标,然后点击用户帐户第三步:选择更改帐户名称第四步:输......
  • 等腰三角形ABC中,AB=AC,D是AC上一点,AE//BD,点F是AE上一点,CF交BD于点M,∠EBD=2∠ABC=2∠CMD
    2022年11月3日20点48分END......
  • 如何使用cmd(dos命令)关闭IIS中某个站点
    在目录  C:\Windows\System32\inetsrv下面有一个appcmd程序,定位到该目录下appcmdsite/? #管理站点appcmd/?#管理整个IIS停止站点appcmdsitestop "站点......
  • CMD命令设置IP
    “以太网”根据网络连接里的名子进行修改,注意红字一个是set一个是add,下面两行是增加双IPnetshinterfaceipv4setaddress"以太网"static10.10.11.116255.255.25......
  • 模块化
    地址iOSpodSpecs开源地址:http://121.37.170.64:8090/isoftstonespecs/ios.gitiOS登录注册模块存储地址:http://121.37.170.64:8090/isoftstonemodules/loginre......
  • node05_模块化以及module对象
     1.定义一个自定义模块   //当前这个文件,就是一个用户自定义模块console.log('加载了06这个模块')2.引入定义的自定义模块   //使用require()方法......
  • cmd遍历文件之for
    最近想把某项目下的文件遍历执行,因为只执行固定格式的文件,比如node执行js文件,那么需要遍历所有js文件,所以想分两步走,第一步循环遍历所有js文件名称并写入txt文件中,第二步读......
  • node.js - http、模块化、npm
    今天是node学习的第二天,其实越往后面学越感觉有点熟悉的味道了,光针对于node来说哈,为什么呢,因为我之前学过一点云计算的东西,当时感觉没什么用搞了下服务器客户端这些,没想到这......
  • [python] 合并文件 终端命令行 cmd版
    importgetoptimportosimportsysdefshow_help():print("-h查看帮助")print("-s<path>文件路径1例:E:\\folk.bin")......