昨天在搞Viewer.js,发现在它的Git仓库中有提供好几种的js文件,不过,我当时并没有认真去研究这些乱七八糟的后缀都是什么意思,刚好今天梳理东西的时候再次遇到了,索引就就研究下,做个笔记吧。
下面是Viewer.js
提供的4种格式;
viewer.js viewer.min.js viewer.common.js viewer.esm.js
第一种;真正的完整版,一般该文件中都会含有注释和一些错误捕获机制,当出现报错的时候,可以很好的定位到问题所在,可直接通过script
标签引入,但是一般网上引入的最多的是第二种。
第二种:经过代码压缩版的完整版,去除了注释和一些错误捕获机制,代码体积相对来比较少,一般在线上网站中,基本都是引入这种格式的。
第三种:CommonJS
是一种规范,而ode.js
是这种规范的实现,所以见到equire("")
这种写法的js文件,一般就是ode.js
第四种; esm
全称——EcmaScript Module
,一般写法import 导出啥 from 模板
补充的:untime.js
,没怎么用过,不过从字面量的意思来看,是运行时的,但是按照网上的说法,其实现在前端脚手架中用到的就是这种,里头还有细分,untime.common.js
,untime.common.js
,当运行的环境不同,所引用的文件也不同,但是这些平常开发中,我基本没有关注到,因为脚手架(底层)都帮你干了这活,导致我对这块基本没有啥概念。
看来,要想学的更好点,还是要多学习,多看底层源码,难啊,不知不觉,我的头发又要哭了,呜呜呜呜呜。