前端导入模块的方法（全）

在前端开发中，有多种方法可以导入模块，具体取决于你所使用的 JavaScript 环境和模块系统。以下是一些常见的前端导入模块的方法：

1. CommonJS：CommonJS 是 Node.js 使用的模块系统，它使用 require 和 module.exports 来导入和导出模块。例如：  

// 导入模块
const moduleA = require('./moduleA');

// 导出模块
module.exports = { ... };

2. ES6 模块：ES6 模块是现代 JavaScript 的标准模块系统，它使用 import 和 export 关键字来导入和导出模块。例如：  

// 导入模块
import moduleA from './moduleA';

// 导出模块
export default { ... };

3. AMD：AMD（Asynchronous Module Definition）是一种用于浏览器端异步加载模块的模块系统。它使用 define 函数来定义模块，并使用 require 函数来导入模块。例如： 

// 定义模块
define(['moduleA'], function(moduleA) {
  // 模块代码
});

// 导入模块
require(['moduleA'], function(moduleA) {
  // 使用模块
});

 4. UMD：UMD（Universal Module Definition）是一种兼容多种模块系统的通用模块定义规范。它可以同时支持 CommonJS、AMD 和全局变量导入的方式。例如：

(function(root, factory) {
  if (typeof define === 'function' && define.amd) {
    // AMD
    define(['moduleA'], factory);
  } else if (typeof exports === 'object' && typeof module === 'object') {
    // CommonJS
    const moduleA = require('moduleA');
    module.exports = factory(moduleA);
  } else {
    // 全局变量
    root.MyModule = factory(root.ModuleA);
  }
})(this, function(moduleA) {
  // 模块代码
  return { ... };
});