<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="require.js"></script>
<script>
require.config({
paths:{
"jquery":["js/jquery-1.10.2.min"],
"a" : "js/a"
}
})
require(["jquery","a"],function($){
$(function(){
alert("jq已加载");
})
});
</script>
</head>
<body>
<span>body</span>
</body>
</html>
以下为a.js
require(['jquery'],function(){
alert("$有了");
})
a.js中如把require改成define的话,这两句话都还是能弹出来,在此请教有啥区别
requirejs主要是用于模块化的。你这样在一个文件里,怎么都行。
define 用于定义一个模块,同时申明它的依赖关系,这个模块会在使用到的时候计算一次导出结果然后缓存下来。
require 用于使用一些模块。通常一个 require 就是一个程序入口。
它们的共同点是,对于要使用或依赖的模块,都必须先完成导出之后才能使用。
你说把 require 改成 define 之后仍然会弹就有点奇怪了,请确认一下不是缓存引起的。理论上来说 define 后面量个 factory 函数,在模块未被引用的时候是不会执行的。如果两个 require 都改成 define 的话,在 a.js 中的那句会因为 html 中的引用弹出来,但html 中那句因为没有引用,不应该弹出来啊