一、模块化的背景和目的 模块化的背景 代码重复：功能类似的代码在多个地方出现，导致维护成本增加。耦合度高：代码之间依赖性强，修改一个地方可能会导致其他部分出现问题。难以扩展：想要新增功能时，现有代码…

目前，前端开发已经离不开由 CommonJS、ES Modules 和 Webpack 构建的模块化开发环境。无论是 JavaScript、CSS、图片还是其他资源，都可以作为一个模块来处理。那么，模块化究竟是如何发展到今天的呢？ 全局函数模式 最初的前端模块…

目录 一、文件读取 readFile 二、写入文件 writeFile 三、动态路径 __dirname：表示当前文件所处的目录、path.join 四、获取路径文件名 path.basename 五、提取某文件中的css、JS、html 六、http 七、启动创建web服务器 服务器响应 八、将资源请求的 url 地址映射为文…

概述 ESM 和 CommonJS 是前端非常常见的两种规范或模块标准，本文将重点讲述这两者的定义、适用范围以及区别。 ESM ESM即 ECMAScript Modules,是 Javascript 的官方模块化标准，旨在统一 Javascript 的模块化机制。 ESM 的导出和导入 导出&#xff1…

代码下载 模块化相关规范 传统开发模式的主要问题：命名冲突、文件依赖。 模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块…

前言 本文总结 package.json 中与模块化相关的，包括： mainbrowsermodulejsnext:mainexports main 之前文章提到过，npm 包的发布是基于 CommonJS 规范的， 我们在发布 npm 包时默认会包括 package.json，license&…