requirejs教程-JavaScript-Python学习网

requirejs教程

宋雪维2021-01-18 15:43:33原创

之前小编介绍了requirejs是什么框架（https://www.py.cn/web/js/22481.html），RequireJS可以使前端代码质量得以提升，你会使用吗？本文小编就向大家介绍如何引入RequireJS以及使用RequireJS加载模块和自定义模块的方法。

一、下载require.js, 并引入

github : https://github.com/requirejs/requirejs

将require.js导入项目: js/libs/require.js

二、使用RequireJS加载模块

1、加载jquery

require(['jquery'], function($) {
    //加载jquery完毕
})

2、加载自定义的a.js模块

require(['app/a'], function() {
//这里的'app/a'就相当于加载了'js/app/a.js'文件，
注意这里的'app/a'是不带文件后缀.js的，
而且也不允许带后缀，否则无法正确加载js文件
})

三、自定义的模块

使用define来定义模块，在app.js里面来加载b.js模块。

在app.js里调用：

require(['app/b'], function (b){
  
    console.log(b.add(1,1));
  
});

以上就是如何引入RequireJS以及使用RequireJS加载模块和自定义模块的方法，希望能对你有所帮助哦~

专题推荐：requirejs

requirejs教程