一:什么是requireJS
RequireJS 是一个JavaScript模块加载器。它非常适合在浏览器中使用,但它也可以用在其他脚本环境, 就像 Rhino and Node. 使用RequireJS加载模块化脚本将提高代码的加载速度和质量。
二:关于requireJS的一些学习网址
https://requirejs.org/(官方文档)
http://www.requirejs.cn(中文文档)
三:如何使用requireJS
1.使用requireJS以前,我们需要在页面引入require.js文件,require.js文件需要在官网上下载


2.requireJS中使用有3个变量:require,requirejs,define
require和requirejs是等价的用于引入模块,define用于定义模块
我们在创建2个js文件,moudle2.js,moudle3.js,假设,moudle3.js需要使用moudle2.js里面的内容,我们需要如下操作

以上在module2.js文件使用define定义模块,将其中的random,css以对象的形式返回。

上面使用define定义了一个模块,其中["./module2.js"]为该模块所依赖的模块,而函数里面的参数tools,则为依赖模块中函数的返回值,定义模块时,可以依赖多个模块,每一个模块都返回值都会作为该模块的参数。
3.配置短名称
在我们定义依赖模块时,可能有的文件名称过长,为了更简单一点,我们可以配置短名称,如下所示:

网友评论