品易云推流 关闭
文章详情页
文章 > JavaScript > requirejs教程

requirejs教程

requirejs

头像

宋雪维

2021-01-18 15:43:332897浏览 · 0收藏 · 0评论

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

一、下载require.js, 并引入

官网http://www.requirejs.cn/

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加载模块和自定义模块的方法,希望能对你有所帮助哦~

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图