打包出来的 common.js/umd.js 是啥?

1、打包后不仅有 min.js

Vue 使用 lib 模式 开发自己的组件库时,打包后的 dist 目录不仅有 lib.min.js,还会出现 lib.common.js lib.umd.js。第一次看到这两个文件的时候不知道这是啥,为了知其所以然,于是乎查了一下,在这里稍作整理。

无论是做项目还是开发自己的组件库,发布之前的最后一步就是打包部署了,之前部署项目时打包文件都是会把 html/css/js 等文件做一些压缩处理,再加一些打包工具的代码,比如 webpack 的运行时环境等。那这个 common/umd 是什么?

ps:这里有 Vue CLI 官网指定的应用模式和库模式的打包方式,感兴趣的同学可以 移步这里。

2、CommonJS/Amd/Umd 简介

以史为镜,可以知兴替。在聊这两个文件内之前需要先了解一些 JS 模块化的东西。

其实 JavaScript 在发展之初是一直没有模块(module)体系的,无法将一个大的程序拆分成相互依赖的小文件,在用简单的方法将它们拼装起来。其他语言都有这项功能,比如 Ruby 的 require、Python 的 import,甚至连 CSS 都有 @import,但是 JavaScript 却没有任何这方面的支持,这对于开发大型、复杂的项目而言无疑是一个巨大的障碍。

下面我们来看看 JavaScript 在应对起初的没有模块化这一问题,在发展历程中都经历的哪些阶段?

你可能感兴趣的:(Node.js)