seajs 2.x _ 模块的相互引用

最新推荐文章于 2021-12-07 21:39:53 发布

_jan_

最新推荐文章于 2021-12-07 21:39:53 发布

阅读量870

点赞数

CC 4.0 BY-SA版权

分类专栏： SeaJS/RequireJS/VueJS/ReactJS 文章标签： seajs javascript

本文链接：https://blog.youkuaiyun.com/zhouzhiande/article/details/52236770

SeaJS/RequireJS/VueJS/ReactJS 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种使用SEajs进行模块加载的方法，演示了不同方式加载依赖模块的区别，并提供了具体的HTML和JS文件配置示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

模块内引用另一个模块

sea-debug.js是官方文件

test.html 文件内容

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://www.domain.com/assets/global/js/sea-debug.js"></script>
</head>
<body>
<script type="text/javascript">
seajs.config({
	base: "http://www.domain.com/assets/",
	alias: {
	  "jquery": "global/js/jquery-1.8.3.js",
	}
});

seajs.use("modules/module1/define", function(module1) {
    module1.console('modules/module1/define');
});

</script>
</body>
</html>

module1/define.js文件内容

写法一：（会即刻加载依赖 module2）

define(['modules/module2/define'],function(require,exports,mod) {  
	return {
		console : function(str){
			console.log(str);
		}
	};
});

写法二：（在使用时，加载依赖module2）

define(function(require,exports,mod) {  
	var module2 = require('modules/module2/define');
	module2.console('invoke module2...');
	return {
		console : function(str){
			console.log(str);
		}
	};
});

module2/define.js文件内容

define(['jquery'],function(require,exports,mod) {  
	// console.log('module 2 ...');
	mod.exports = {
		console : function(str){
			console.log(str);
		}
	};
});