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/
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于