require.js 是一个用于浏览器端管理 JavaScript 依赖关系的模块加载器，采用 AMD（Asynchronous Module Definition）规范，支持按需加载和异步执行。
作用

  • 解决 JavaScript 在浏览器端的代码组织和延迟加载问题。
  • 通过模块化管理避免全局变量污染，提升代码可维护性。
  • 通过异步加载提高页面加载速度，改善用户体验。
    模块化
  • 使用 define 函数定义模块，包含模块标识、依赖数组和工厂函数。
    CODEBLOCK0
    加载与执行
  • 使用 require 函数加载模块。
  • 配置对象的 deps 属性指定要加载的模块，回调函数在所有依赖加载完后执行。
    CODEBLOCK1
    数据配置（data-main）
  • 在 HTML 中，通过 data-main 属性指定入口脚本。
    CODEBLOCK2
    模块依赖注入
  • 使用异步加载模块，依赖项按照 dependencies 数组中的顺序传递给工厂函数。
    配置选项
  • baseUrl 设置脚本基路径。
  • paths 设置模块路径别名。
  • shim 配置非 AMD 兼容模块。
    CODEBLOCK3
    项目结构
  • main.js：入口文件，配置 require.js 并加载示例模块。
  • scripts：JavaScript 模块目录。
  • lib：第三方库文件。
  • examples：包含不同示例，展示 require.js 的用法。