requirejs是什么？

JavaScript07

requirejs是什么？,第1张

requireJS 是用JavaScript编写的JS框架，主要功能是可以按不同的先后依赖关系对 JavaScript 等文件的进行加载工作，可简单理解为JS文件的加载器，它非常适合在浏览器中使用，它可以确保所依赖的JS文件加载完成之后再加载当前的JS文件，这在大量使用JS文件的项目中可确保各个JS文件的先后加载顺序，确保避免了以前因某些原因某个文件加载慢而导致其它加载快的文件需要依赖其某些功能而出现某函数或某变量找不到的问题，这点非常有用，也是 requireJS 的主要价值所在吧；

本文主要是讲述如何使用requirejs这个模块化管理工具来搭建前端项目结构，适合内网开发以及还在使用比较旧的技术栈（如jQuery）的前端同学。

github地址： https://github.com/duwenbin0316/Requirejs-demo.git ，如果对你有帮助，请点个star，谢谢！

requirejs的使用我就一笔带过，主要是讲如何搭建项目结构。

项目基本目录结构如下：

在index.html中引入requirejs本身以及主js文件：

index.js定义了模块的名称和路径，以及模块所需的依赖，并调用了main模块的start方法：

main.js为应用主模块，调用main.start()执行应用初始化，所有的dom创建都在模块内部处理，index.html中只有一个div#main的dom元素。main.js内容如下：

同时在main.js中调用了header模块的start方法。

项目结构按照该思路一层一层构建，简单明了，当然也可以根据个人习惯提取出一些通用的组件，本文就不再赘述。