requirejs原理深究以及r.js和gulp的打包

  • Post author:
  • Post category:其他


requirejs原理

从进公司到现在,我们前端组一直秉承的是模块化开发,PC 页面我们用的是requirejs对模块化代码进行管理,H5用的是webpack。只是原先都是做伸手党,至于其中的原理没有深究过,今天趁着有时间,就好好来扒一扒requirejs,下次抽空再来深究webpack。

requirejs做的只是:

  • 实现js文件的异步加载,避免网页失去响应
  • 管理模块之间的依赖,便于代码的编写和维护

简单来讲,传统的做法通过script方式引入不同的js,我们必须得知道各个js之间的依赖关系,谁在前谁在后。而使用了requirejs以后,依赖关系就不需要担心了,只需要愉快的写模块即可。

requirejs初探

项目地址:

requirejs的demo源码

Demo的目录结构是这样的:

这里写图片描述

// index.html 引入
<script src="./require.js" data-main="./js/entry.js"></script>

最后页面上js的请求:



版权声明:本文为u012322734原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。