深入了解前端模块化

前端Sharing

共 5308字,需浏览 11分钟

 ·

2021-11-29 11:07

    

前言

本篇是关于前端模块化的文章,主要关注于理解什么是模块化,为什么要模块化,模块化规范的优缺点以及模块化规范的演变历程,让大家对模块化编程有一个更加清晰的理解和认识,这样在对后续一些概念进行学习时会有更深刻的认识与理解(比如为什么会出现tree-shaking呀等等)。

什么是模块化?

什么是"模块"?,比较简单的理解就是将一个工程项目代码依据一定的规则封装成多个模块(文件),这些模块又通过向外提供一些方法与其他模块形成一种依赖的关系。从广义上来说的话,又可以将我们的工程项目里的模块归纳于内部的模块,项目引入调用的那些外部的包(package)则可以归纳为外部的模块。

外部模块的管理

2009年Node.js的创立使Javascript不再局限于前端,同时还成为了一门后端语言,我们可以使用Node.js独立开发App的后台,创建静态资源服务器,也可将它作为开发的工具将我们的代码编译转换为浏览器兼容的格式。一年之后Node.js模块管理工具npm(node package manager)的发布则颠覆了我们对外部模块的使用方式。

NPM之前对外部模块的使用

在npm发布之前,我们在项目中如果需要使用某个外部模块,可能需要去包的官网直接把文件下载下来放到我们的项目里,然后再在html里通过