requireJS入门

补上前端模块化最原始的拼图

很多从框架时代才开始写代码的人，对模块化的认知直接跳到了构建工具和打包器，导致遇到维护十年前的老项目时，连页面里的入口脚本是怎么挂载的都看不懂。这门课解决的就是这个断层问题，专门讲 RequireJS 这个老牌模块加载器，带你弄懂在没有 Node 环境和打包工具的浏览器端，早期前端工程师是如何解决全局变量污染和脚本依赖混乱的。它不讲现代工程化，而是把焦点死死扣在 AMD 规范的底层运行逻辑上，帮你把 JavaScript 模块化演进历史中缺失的最原始那一环补齐，扫除面对遗留代码库时的阅读障碍。别假装这些过时的技术你都会，真到了接手老系统时，连入口配置怎么生效都理不清。

从入口配置到模块定义的硬核拆解

这门课适合能熟练写原生 JavaScript 但对 AMD 规范一无所知的人，不需要你懂 Node 或 Webpack。建议的学习顺序是：先看背景介绍，弄清这个库到底为了解决什么问题而生；接着集中精力看两个核心板块。第一块是加载器的引入与配置，重点理解 data-main 属性的作用，搞清楚库文件本身和业务代码是如何通过 CDN 链接被串联起来的，以及两种不同的配置调用方式在实际项目里有什么取舍。第二块是核心的模块定义与载入，必须动手照着敲一遍 define() 和 require() 方法。你要弄明白一个 AMD 格式的 JS 模块内部是怎么处理依赖注入的，返回的导出对象又是怎么被其他文件接收的。资料包里的源码示例不要只用眼睛看，把示例里的模块拆开，故意删掉一个依赖项或者改错一个路径，观察浏览器抛出的加载报错，通过这种破坏性测试来理解脚本的异步加载机制。

学完能独立干什么

看完这套资料，你应该能独立完成两件事。首先是能在纯静态页面里从零引入 RequireJS，正确配置 baseUrl 和 paths，把原本堆在 HTML 里的零散脚本改写成符合 AMD 规范的模块。其次是拿到一份基于 RequireJS 的历史代码时，你能顺着入口文件理清模块依赖树，找到报错的模块定义在哪，而不是对着控制台的异步加载错误抓瞎。如果你现在的日常工作完全是在写现代框架，这节课就是纯粹的查漏补缺，帮你理解前端工程化演进中为什么会出现按需加载的概念，把过去和现在的技术脉络彻底打通。