Kjjia

本文将从前端模块化的发展历史出发，逐步探讨`CommonJS`规范 和 `ES Module`规范之间的异同，最后将深入模块化内部原理进行多维度剖析，彻底弄懂 Web环境下 `Webpack` 是如何

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 今天，我们将深入研究Chrome 的网络栈，以明确 web 加载原语(如<link rel= preload > & <link rel= prefetch >) 背后的工作原理，…

一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确

一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意，本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件，将其中用不到的代码"摇"掉，是一个性能优化的范畴。具体来说，在 webpack 项目中，有一个入口文件，相当…

古有云：“工欲善其事，必先利其器”。作为一个前端开发，搭建一个便捷的开发环境，将会为我们的开发工作带来极大的效率提升。而Webpack作为如今前端工程打包必不可少的工具，很多人却不知道从Webpack

使用 webpack 进行打包，每个资源都可以生成一个带 hash 的路径。浏览器可以利用该 hash 能够做到资源缓存，访问性能提升。 我们可以通过 output.filename 进行配置，配置如

用进化论描述Babel的配置过程，详述配置中的细节；Webpack、Vue/CLI、Vite中使用Babel

🎉 前言 本文主要介绍一些，最近面试中编写算法题时，对于ACM模式的使用，我们平时使用的JavaScript语言是没有这个输入和输出的处理的接口的，我们只能使用JavaScriptV8引擎带的I/O口

本文系统回顾了npm、Yarn和pnpm三大包管理工具的演变历史，深入解析了它们的工作机制、设计理念及各自解决的问题，并通过示例帮助读者清晰理解依赖管理方式的差异，为选择最合适的工具提供了实用参考。