CommonJS 在CommonJS中,有一个全局性方法require(),用于加载模块。exports用于导出模块。 方法一: //被导入文件aa.js module.exports = function() { alert('a'); }; //主文件main.js var aa = require('./aa.js'); aa(); 方法二: //被导入文件aa.js module.exports = { a:function(){ alert('a'); }, b:function(){ alert('b'); } } //主文件main.js var greeter = require('./aa.js'); greeter.a(); greeter.b(); AMD规范 由于浏览器端的模块不能采用同步的方式加载,会影响后续模块的加载执行,因此AMD规范诞生了。适合在浏览器环境中异步加载模块。导入方法:require([module], callback);导出方法:define(id, [depends], callback); CMD规范## CMD规范和AMD很相似,尽量保持简单,并与CommonJS和Node.js的 Modules 规范保持了很大的兼容性。 ES6模块化方法 //被导入文件a.js export function bbb(){ alert('bbb'); } export function ccc(){ alert('ccc'); } export function ddd(){ alert('ddd'); } //主文件main.js import * as b from './b.js';//导入所有内容 import {bbb,ccc} from './b.js';//只导入需要的函数 css模块化 @import方法 使用@import将不同功能的css文件引入main.css中以此实现模块化