require.js描述:
RequireJS的目标是鼓励代码的模块化,它使用了不同于传统"script"标签的脚本加载步骤。可以用它来加速、优化代码,但其主要目的还是为了代码的模块化。它鼓励在使用脚本时以moduleID替代URL地址。
RequireJS以一个相对于baseUrl的地址来加载所有的代码。
页面顶层标签含有一个特殊的属性data-main,require.js使用它来启动脚本加载过程,而baseUrl一般设置到与该属性相一致的目录。
总结:也就是包含了一个特殊属性data-main,而baseUrl一般就是require.js的文件路径,也可以在requierjs.config中进行设置。paths中设置的需要引用的js。
requirejs.config({
baseUrl: 'js/lib',
paths: {
'jquery': 'jquery-2.1.0',
"echarts":"echarts.common.min",
}
});
html页面引用:
<script data-main="scripts/main.js" src="scripts/require.js"></script>
或者
<script data-main="scripts/main" src="scripts/require.js"></script>
src:需要加载require.js的文件路径
data-main:入口点,require.js 在加载的时候会检察data-main 属性,可以不加后缀,默认是.js。
js用法:
require( ["jquery","echarts"],function(jquery,echarts) {
//This function will be called when all the dependencies
//listed above are loaded. Note that this function could
//be called before the page is loaded.
//This callback is optional.
}
);
参考官网API:http://www.requirejs.cn/