首页 > 其他分享 >JS文件的几种格式之间的区别

JS文件的几种格式之间的区别

时间:2023-03-03 23:33:19浏览次数:36  
标签:map CommonJS min JS 几种 umd 文件 格式 js

今天在修改公司ui组件库的时候,接触到npm run lib ,发现打包后文件有几种格式的文件。

.common.js .common.js.map

.umd.js .umd.js.map .umd.min.js .umd.min.js.map

几种不同的模块化方案

  • CommonJS是一种被广泛使用的node.js模块化规范,核心思想是通过require方法来同步加载依赖的其他模块,通过module.exports导出需要暴露的接口。优点---Node.js 环境下井运行

  • AMD 就是 RequireJS 在推广过程中对模块定义的规范化产出用于浏览器端的问题,使用 RequireJS 加载模块化脚本能提高代码的加载速度和质量。优点----依赖前置、提前执行

  • CMD 是 Sea.js 在推广过程中对模块定义的规范化产出。Sea.js 是阿里的玉伯写的。优点----依赖就近、延迟执行

  • UMD是当CommonJS、AMD、CMD在并行的状态时,就需要一种方案能够兼容他们,这样我们在开发时,就不需要再去考虑依赖模块所遵循的规范了,UMD的出现就是为了解决这个问题。优点---解决CommonJS,AMD,CMD无法兼容的问题。

  • ES6 Module 的设计思想是尽量的静态化,使得编译时就能确定模块的依赖关系,以及导入和导出的变量,也就是所谓的"编译时加载"。---目前使用最多,最优秀

区别

CommonJS 是服务于服务端的,而其他的是服务于浏览器端的。

min.js

min.js为压缩的文件,压缩代码减小体积加快传输速度,另外可以替换混淆变量增加代码安全性。

js.map

.map文件为用来调试min.js文件,有了map就可以像未加密的代码一样,准确的输出是哪一行哪一列有错。

标签:map,CommonJS,min,JS,几种,umd,文件,格式,js
From: https://www.cnblogs.com/wanglei1900/p/17177352.html

相关文章