Sea.js 可以解决命名空间污染、文件依赖的问题。历史上，JavaScript一直没有模块体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。模块化是指解决一个复杂问题时自顶向下逐层把系统划分成若干模块的过程，有多种属性，分别反映其内部

程，需要尽量将功能解耦。简单来说，需要将不同的功能分开到不同的?录结构中，形成?个个模块，模块之间通过有限的接?交互，模块内部的数据变化对外部隐藏。Node.js 实现了 CommonJS 规范，每个 JS ?个模块，模块中的所有数据对外隐藏，仅通过 Mo

模块化就是把单独的一个功能封装到一个模块(文件)中，模块之间相互隔离，但是可以通过特定的接口公开内部成。在ES6模块化规范诞生之前，Javascript社区已经尝试并提出了AMD、 CMD、 CommonJs 等模块化规范。因此，ES6语法规范中，在语言层

他们之间有什么区别？AMD是一个组织，RequireJS是在这个组织下自定义的一套脚本语言。是一个依赖前置、异步定义的AMD框架，在定义的同时如果需要用到别的模块，在最前面定义好即在参数数组里面进行引入，在回调里面加载。输出方式有2种：默认输出---mod

开发中明显可以感觉到加载一个HTML需要依赖很多的JS文件依赖，比如到一定阶段的HTML页面，尾部就是这样的：。随着所需功能越来越多，我们就需引入更多的JS依赖和CSS依赖，有时还会面临着一个文件不够需要拆分成几个文件的情况。管理依赖会成为一个很费时的工作

好程序员web前端教程分享js中的模块化一：我们知道最常见的模块化方案有CommonJS、AMD、CMD、ES6，AMD规范一般用于浏览器，异步的，因为模块加载是异步的，js解释是同步的，所以有时候导致依赖还没加载完毕，同步的代码运行结束；CommonJS

所以现在就需要一个工具可以将这些文件在不影响业务的前提下智能压缩合并，以减少多余的请求，于是 r.js 就诞生了。r.js的压缩工具使用 UglifyJS 或者 Closure Compiler。此外r.js需要node环境，当然也可以运行在Java环境的

早期的Javascript是作为浏览器的脚本语言，使用<script>标签直接引入，没有所谓的模块化。也就是说如果我们需要一个js文件，我们就加一个<script>标签，把需要的js引入进来。这种方式的特点在于：简单粗暴。实际上，在

在计算机程序的开发过程中，随着程序代码越写越多，在一个文件里代码就会越来越长，越来越不容易维护。在Node环境中，一个.js文件就称之为一个模块基于node.js开发的JavaScript程序中，一般会使用node环境中的第三方工具库和模块，并采用关键字r

模块化开发方便代码的管理，提高代码复用性，降低代码耦合，每个模块都会有自己的作用域。当前流行的模块化规范有CommonJS，AMD，CMD，ES6的import／export. CommonJS的主要实践者就是nodejs,一般对模块输出用module.e

AMD、CMD、CommonJs、UMD是ES5中提供的模块化编程的方案，import/export是ES6中新增。AMD是一个组织，RequireJS是在这个组织下自定义的一套脚本语言。是一个依赖前置、异步定义的AMD框架，在定义的同时如果需要用到别的模

webpack是一个前端模块化打包工具指由于现代前端应用程序越来越复杂，需要采用模块化进行开发，但浏览器还未支持模块化开发，所以webpack才诞生webpack默认只支持js的模块化，如果需要把其他文件也当成模块引入，就需要相对应的loader解析器现代

于是下面三个模块规范出来了，这篇文章也出来了。JS中的模块规范，如果你听过js模块化这个东西，那么你就应该听过或CommonJS或AMD甚至是CMD这些规范咯，我也听过，但之前也真的是听听而已。现在就看看吧，这些规范到底是啥东西，干嘛的。本文包括这三个规范

前后端分离以来，经常提到前端工程化，前端工程化是一个高层次的思想,前端工程化主要包括四个方面：模块化、组件化、规范化、自动化。而模块化和组件化是为工程化思想下相对较具体的开发方式,因此可以简单的认为模块化和组件化是工程化的表现形式。ES6的模块化的基本规则

微信小程序秉承了JavaScript模块化的机制，将一些公共的代码抽离成为一个单独的 js 文件作为一个模块，通过module.exports或者exports暴露对象，通过require来获取对象。exports是module.exports的一个引用，

它们之间有何区别呢？于是有了菜鸟解惑的搜喽过程。。。。。。追溯根源，来到Js模块化规范1、CommonJS规范允许模块通过require方法来同步加载所要依赖的其他模块，然后通过exports或module.exports来导出需要暴露的接口。不过 Req

原生Js因jQuery的”writeless，domore”变得极简，Html因语义化编码变得简明，那么，有没有一种方式让Css也更加的高效精致呢？当然有，那便是模块化编码。Css模块化是一个新颖高效的Css编码方式，若有接触过YUICss的朋友肯定对这种

分而治之是软件工程的重要思想，是复杂系统开发和维护的基石。模块化则是前端最流行的分治手段。模块化的意义模块化的工程意义首先在于分治的思想，对功能进行分治，有利于我们的维护；其次是复用，有利于我们的开发。

但随着前端的发展，前端项目已经变得越来越庞大和复杂，社区也一直在探索如何以一种有效的方式去管理前端的代码和资源。在这个过程中，社区探索出了 js 的模块化，现在用 js 开发大工程已经游刃有余，而 css 的模块化却还没有特别的深入人心。

所谓的模块也叫元件或者组件，可以理解为可以服用的功能代码。比如说a页面用功能了，b页面用到了这功能了，所以我们可以把这个功能抽为组件，便于服用。那么javascript中的组件化如何使用呢，那么不得不提到下面的三种类型。如遵循CMD规范的sea.js和遵循