前端工程化中cjs、umd、esm打包方式有何具体差异？

本文共计1273个文字，预计阅读时间需要6分钟。

目录 + 模块 + 为什么需要模块 + CommonJS + UMD + ES Module + 总结 + 模块 + 简单说下模块：+ 一个模块（module）就是一个文件。一个脚本就是一个模块。就这么简单。+ 内部有自己独立的局部作用域和功能。

目录

• 模块
• 为什么要模块
• commonjs
• UMD
• es moudle
• 总结

模块

先简单说一下模块这玩意：

一个模块（module）就是一个文件。一个脚本就是一个模块。就这么简单。

内部有自己的局部作用域以及程序，外部可以通过模块暴露的接口进行调用、执行模块内的程序

为什么要模块

我们从另一个角度出发，如果没有模块，会怎么样？

• 污染全局作用域
• script 标签自己插入自己手动排好顺序
• ....

总之就是，难以复用、难以维护！

所以很明显，我们需要模块化。