How to use requirejs in client side

最新推荐文章于 2025-11-24 03:12:01 发布

最新推荐文章于 2025-11-24 03:12:01 发布 · 306 阅读

文章标签：

#javascript #ViewUI

js 专栏收录该内容

62 篇文章

订阅专栏

本文介绍如何使用RequireJS进行客户端模块加载。通过配置RequireJS的基本参数并定义模块依赖关系，实现异步加载所需的库文件，如jQuery和Bootstrap等。此外，还展示了如何创建自定义模块。

How to use requirejs in client side

http://requirejs.org/

1.  in html

<script data-main="js/main" src="js/require.js"></script>

main.js is the entry point of our app logic


2.  in main.js

//config requirejs parameter
requirejs.config({
    baseUrl: 'js'   //this is the base folder, so we can use jquery not js/jquery
});


requirejs(['jquery', 'DataBinder','jquery.blockUI', 'bootstrap.min'],  // these are dependency will load async
    function ($, Model) {
    	//define inner function and var here

    	return {};  // return the object we want to export
    });


3.  define your own module, ex. DataBinder.js


define(["jquery"], function (jQuery) {
	
	//define inner function and var here

    return {};  // return the object we want to export
});