在日益复杂和多元的Web业务背景下，前端工程化这个概念经常被提及。“说说你对Web工程化的理解？” 相信很多初学者在面试时会经常遇到，我们每个人都可以或多或少说出几句，但你真的了解吗？

本文将目前前端主流模块化做了详细总结和用法介绍，助你了解不同的规范之间的区别，以及是如何帮助我们更加容易的开发和维护代码的

模块化演变过程 stage1.文件划分方式 缺点 没有私有的独立空间，在模块外部可以被随意的访问和修改，污染全局作用域 模块多了之后会产

初衷： 将我整理的笔记分享给大家，希望本篇文章能给你带来不一样的认知，不喜勿喷。 适合人群： 前端初级开发，大佬绕道。 内容结构： 为什么有模块化 -> 基本语法 -> 两者区别。 我们都知道在早期JavaScript模块这一概念，都是通过script标签引入js文件代码。当然…

前端技术不断发展，代码日益膨胀，所以需要一种规范，方便对复杂的程序进行拆分和组合，以便开发大型的、复杂的项目。 同步模块加载规范，即模块加载完成，才会执行后面的操作；每一个文件就是一个模块，模块里定义的变量、函数、类，都是私有的，对其他文件不可见。 异步模块加载规范，模块的加载…

CommonJS 模块就是对象，输入时必须查找对象属性。 所有代码都运行在模块作用域，不会污染全局作用域。 模块可以多次加载，但是只在第一次加载时运行一次，然后运行结果就被缓存了，以后再加载，就直接读取缓存结果。要想让模块再次运行，必须清除缓存。 模块加载的顺序，按照其在代码中…

前端模块化是前端工程化的第一步也是重要的一步；不管你是使用React，还是Vue，亦或是Nodejs，都离不开模块化。模块化的规范有很多，而现在用的最多的就是CommonJS和ES6规范，因此我们来深入了解这两个规范以及两者之间的区别。 CommonJS规范是一种同步加载模块的…

随着Javascript语言的发展，前端世界对于模块化的定义也是越来越趋向于成熟了，本文来探索一下前端模块化的一些常见的概念。（AMD、CMD、CommonJS、ES Module、UMD） Javascript作为嵌入式的脚本语法，属于弱类型语言，没有像Java那些强类型语言…

一、模块化发展的过程 下面是一篇关于前端模块化发展的文章 模块化在不同环境的使用： 浏览器环境： ES Modules 模块化规范 Node环境： CommonJS 模块化规范 二、ES Module