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

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的请求：