一些js文件有这.js、min.js、common.js、esm.js、runtime.js结尾都是什么意思?

原创 野人  2021-12-19 21:00  阅读 161 次

昨天在搞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,当运行的环境不同,所引用的文件也不同,但是这些平常开发中,我基本没有关注到,因为脚手架(底层)都帮你干了这活,导致我对这块基本没有啥概念。

看来,要想学的更好点,还是要多学习,多看底层源码,难啊,不知不觉,我的头发又要哭了,呜呜呜呜呜。

参考资料

前端科普系列-CommonJS:不是前端却革命了前端

本文地址:https://www.yerenwz.com/5400.html
版权声明:本文为原创文章,版权归 野人 所有,欢迎分享本文,转载请保留出处!

发表评论