CommonJS是什么？
我们主流的前端框架vue/react都是基于node来构建的。在NodeJS出现之前，由于没有特别复杂的页面，前端是没有模块化这个概念的，而NodeJS诞生之后，它使用CommonJS的模块化规范。从此，js模块化开始快速发展。因此，我们知道，commonjs就是一个模块化的规范。目前流行的js模块化规范有CommonJS、AMD、CMD、UMD以及ES6的模块系统。
CommonJS 概述
Node.js 应用由模块组成，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。
CommonJS 规范还规定，每个模块内部有两个变量可以使用，require 和 module。
-
require用来加载某个模块 -
module代表当前模块，是一个对象，保存了当前模块的信息。exports是module上的一个属性，保存了当前模块要导出的接口或者变量，使用require加载的某个模块获取到的值就是那个模块使用exports导出的值
CommonJS 是业界最早正式提出的 JavaScript 模块规范，主要用于服务端，随着 Node.js 越来越普及，这个规范也被业界广泛应用。对于模块规范而言，一般会包含 2 方面内容:
- 统一的模块化代码规范
- 实现自动加载模块的加载器(也称
loader)
// module-a.js
var data = "hello world";
function getData() {
return data;
}
module.exports = {
getData,
};
// index.js
const { getData } = require("./module-a.js");
console.log(getData());
代码中使用 require 来导入一个模块，用module.exports来导出一个模块。实际上 Node.js 内部会有相应的 loader 转译模块代码，最后模块代码会被处理成下面这样:
(function (exports, require, module, __filename, __dirname) {
// 执行模块代码
// 返回 exports 对象
});
