本文详细探讨了requirejs的模块化原理，解释了它如何实现异步加载和管理依赖。通过示例展示了requirejs在实际项目中的应用，以及在不进行打包压缩时存在的问题。接着，文章介绍了r.js作为requirejs的优化工具，用于合并和压缩前端文件，减少HTTP请求。此外，还讨论了使用gulp和gulp-requirejs-optimize进行requirejs项目的打包和压缩，以优化前端性能。最后，作者强调了深入理解和掌握技术的重要性，鼓励读者避免成为“伸手党”。
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的请求：
最低0.47元/天 解锁文章
扫一扫
2825
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
