commonJS和ESModules区别：引入方式：1.commonJS时动态引入，可以在代码任何一个地方引入。

Vue的前端工程化一模块化规范1.1模块化规范举例浏览器端JS模块化规范：AMD，CMD服务器端JS模块化规范：CommonJS大一统的模块化规范：ES6每个js文件都是独立的模块导入模块成员使用import

在计算机程序开发中，开发一个项目往往需要大量的代码，如果把这些代码都放在一个文件中太多太多，维护起来太困难。我们根据功能和方法的把代码放在不同的文件中这样每个文件包含的代码就相对较少。（一个js文件就是一个模块）这就是模块化。模块化后的优点：一、提到代码的可维护性，二、提高代码的复用性，三、避免代码污染模块化之后每个js文件都有自己的作用域，就是说每个js文件都是私有的要用的话要遵循一定的规则：c

和资源开发环境中用的是style-loader和HMR生产中不能用上述两种，因为HMR是基于devServer的，style-loader要被插件替换一、babel处理：开启babel缓存让第二次打包构建速度更快{...commonJsLoader

CommonJS:属于服务端规范，产生物是node.jsAMD,CMD:浏览器规范，属于异步规范AMD:AsyncModuleDocument,产出物：require.jsCMD:comonmudleDocument

CommonJS规范与实现正如当年为了统一JavaScript语言标准，人们制定了ECMAScript规范一样，如今为了统一JavaScript在浏览器之外的实现，CommonJS诞生了。

前端工程化及其实践3前端工程化及其实践3，又名：写毕设到企业级前端（第三天）目录安装Node.js环境基础的Node项目学习模块化设计用CommonJS设计模块用ESModule设计模块了解模块导入限制

Morrainimage一、前言上一篇《前端科普系列（2）：Node.js换个角度看世界》，我们聊了Node.js相关的东西，Node.js能在诞生后火到如此一塌糊涂，离不开它成熟的模块化实现，Node.js的模块化是在CommonJS

type":"commonjs",//commonjs语法"type":"module",//esmodule语法...}commonjs语法：CommUtils.js文件：constfs=require

在commonjs的项目中使用esm和ts开发的sdk效果实现步骤效果在一些demo中,大部分代码是commonjs规范开发的，但是要用到的sdk是ts开发的并且仅支持esm，又不想配置很复杂的工程项目

1.1.优点（1）防止命名冲突（2）代码复用（3）高维护性（4）模块化规范产品1.2.ES6之前本身没有模块化，社区衍生出模块化产品CommonJS===>NodeJS、BrowserifyAMD===

Rollup对代码模块使用新的标准化格式，这些标准都包含在JavaScript的ES6版本中，而不是以前的特殊解决方案，如CommonJS和AMD。

换句话说，它可以让服务端的CommonJs的模块

说一下CommonJS和ESModule的差异CommonJS和ESModule是两种流行的JavaScript模块系统，它们在多个方面有显著的区别。

问题原因：由于在使用CommonJS模块时出现的问题，在Node.js中，可以使用exports对象将模块中的函数、变量等导出到其他模块中使用。但是，如果在浏览器中使用Common

Rollup对代码模块使用新的标准化格式，这些标准都包含在JavaScript的ES6版本中，而不是以前的特殊解决方案，如CommonJS和AMD。

为了避免回调地狱的问题，CommonJS社区率先提出了一种Promise的规范，目的就是为异步编程去提供了一种更合理，更强大的统一解决方案，后来在ES2015当中被标准化，成为语言规范。

与传统的CommonJS和AMD这一类非标准化的解决方案不同，Rollup使用的是ES6版本Javascript中的模块标准。新的ES模块可以让你自由、无缝地按需使用你最喜爱的库中那些有用的单个函数。

它使用JavaScript的ES6版本中包含的新标准化代码模块格式，而不是以前的CommonJS和AMD等特殊解决方案。

1、React安装通过npm使用React我们建议在React中使用CommonJS模块系统，比如browserify或webpack，本教程使用webpack。

1.javascript存在几个缺陷：没有模块系统标准库较少没有标准接口缺乏包管理系统commonjs的出现时为了实现js到处运行的可能。

将大工程代码拆分,分成多个模块,按需引入使用.以下浅谈常用的CommonJS与ES6模块化ES6模块化首先nodejs以及浏览器默认是不支持es6模块化的先来看下在浏览器环境下es6模块化的一个案例:创建三个文件

目录什么是Node.jsNode.js特性浏览器环境与node环境Node.js与浏览器的差别CommonJS规范CommonJS的modules模块化规范写法暴露文件内容暴露文件（函数）导入文件（函数

它能够将ESModule，CMD，AMD，CommonJS等模块规范，打包转换成浏览器能够识别的Javascrip

1.JS模块化加载方案和选型:①.CommonJS:a.旨在Web浏览器之外为JavaScript建立模块生态系统,同步加载.b.Node.js模块化方案受CommonJS影响,非常类似.②.AMD(AsynchronousModuleDefinition

在学习Node.js时，经常能看到两种导出模块的方式：module.exports和exports。穿插一个必备小知识：在文件a.js中用exports或module.exports导出的对象（方法、变量），可以在另一个文件b.js中通过require('./a')引用。module和exports是Node.js给每个js文件内置的两个对象。在node.js中打印console.log(modu

一、CommonJSNode.js是commonJS规范的主要实践者，它有四个重要的环境变量为模块化的实现提供支持：module、exports、require、global。

[前端]模块化开发为什么需要模块化开发模块化开发的目标模块化开发的演化文件划分方案对象封装方案立即执行函数模块化开发规范CommonJS规范特点定义模块全局对象global导出模块(变量或方法)导入模块

webpack中可以写commonjs格式的require同步语法，可以写AMD格式的require回调语法，还有一个require.ensure，以及webpack自己定义的require.include

module:指定生成代码的模块规范，如"commonjs"、"amd"、"umd"等。outDir:指定输出目录。strict:开启所有严格类型检

这个结构可以将自己希望暴露的变量、函数、对象等导出给其结构使用；也可以通过某种方式，导入另外结构中的变量、函数、对象等没有模块化带来很多的问题如命名冲突解决：立即函数调用表达式没有规范各公司实现不相同CommonJS

JS模块化规范之CommonJS模块化规范CommonJS概念特点基本语法模块的加载运行机制服务器端实现浏览器端实现模块化规范CommonJS概念Node应用由模块组成，采用CommonJS模块规范。

）概念基本语法AMD实现未使用AMD规范使用require.js总结模块规范AMD（AsynchronousModuleDefinition）概念AsynchronousModuleDefintionCommonJS

CommonJS是为在网页浏览器之外的JavaScript提供模块化规范的项目。

2、CommonJSNode，Webpack支持一个文件一个模块，模块变量不污染全局变量。通过require来同步加载所依赖模块。通过exports或者module.export导出需要暴露的接口。