前端工程化

pnpm 凭啥吊打 npm/Yarn？前端包管理的 “硬链接魔法”，破解三大痛点想象一下，你的前端项目是一艘准备远航的巨轮，而那些动辄几百上千的依赖包，就是船上所需的各种物资和零件。如果没有一个高效、可靠的“港口管理员”，这艘船会怎样？

无界通信与主题切换：当主系统邂逅子系统的浪漫史在数字宇宙的某个角落，主系统（Lord System）端坐于内存的宝座上，子系统（Sub System）在另一块地址空间里默默耕耘。它们彼此隔绝，像被薯片袋隔开的两片海苔——明明同处一个世界，却无法触达对方的灵魂。

Trae SOLO项目真实需求看到 Trae SOLO 模式限时免费了，趁着免费，赶紧体验一波，Demo 什么的就不试了，直接用 SOLO 模式 SOLO 业务项目，开干，最终目标都是要服务于业务项目的

疯狂踩坑人

【前端工程化】一文看懂现代Monorepo（npm）工程引言：本文介绍了目前流行的 pnpm workspace + changesets + turborepo 构建npm包项目的方案，这套方案也适用于其他大型Monorepo项目。此外，还补充了前端工程下package.json、tsconfig和husky等配置知识以及CI/CD相关常识。

重铸码农荣光

从 0 到 1 实现 LocalStorage 待办清单：CSS 进阶 + 前端工程化思想实践在前端开发中，LocalStorage 是浏览器提供的核心本地存储方案，而 CSS 布局与工程化编码则是提升开发效率和代码质量的关键。本文将结合实际案例，带大家从零实现一个可持久化的待办清单，同时拆解 CSS 继承 / 弹性布局的核心用法，以及前端函数式封装的工程化思想。

浅谈Tree ShakingTree Shaking（摇树优化）是一种通过静态分析消除 JavaScript 中未使用代码（Dead Code）的优化技术。

你的图标还在用 PNG？看完这篇你就会换成 iconfont前端工程师遇到图标的时候通常会有两个反应：一是“干脆像素党一样把 PNG 全都搞定吧”，二是“又要改图啦，心累”。iconfont 的出现，就是为了让我们少点心累、多点生产力（和悠闲）。

从 Vue 构建错误到深度解析：::v-deep 引发的 CSS 压缩危机在日常的前端开发中，我们经常会遇到各种构建错误，有些错误信息明确，容易定位；而有些则像迷宫一样，需要一步步排查。最近在开发一个 Vue 2 项目时，我就遇到了一个令人头疼的 CSS 压缩错误，经过多轮排查和尝试，最终找到了问题的根源和解决方案。本文将详细记录这个问题的排查过程，并深入分析相关的技术原理。

Webpack：从构建流程到性能优化的深度探索引言：为什么我们需要构建工具？想象一下，你正在开发一个复杂的前端应用，有几十个JavaScript文件、几十个CSS文件、各种图片和字体资源。如果手动管理这些文件的依赖关系、合并、压缩，那将是一场噩梦。这就是Webpack等构建工具诞生的原因——它们像一位细心的管家，帮我们打理前端项目中的各种资源，让开发变得高效而愉快。

前端工程化效率神器：pnpm 从入门到精通在前端开发中，npm 和 yarn 是比较常用的工具，但随着项目体积增大、依赖增多，难免会遇到这些问题：node_modules 占用过大的磁盘空间？依赖安装速度越来越慢？Monorepo 项目管理繁琐？

前端工程化实战：手把手教你构建项目脚手架面对如今丰富的前端生态，开启新项目时你是否经常陷入这样的纠结：以上烦恼都可以通过前端脚手架搞定，从而不再重复造轮子，而是打造专属自身团队的最佳实践。

互联网大厂前端面试实录：HTML5、ES6、Vue/React、工程化与性能优化全覆盖本故事发生在一家知名互联网大厂的前端面试现场。面试官老王经验丰富，严肃认真。而面试者避雷哥是一位幽默风趣、偶尔有点水的程序员，面对基础问题还能对答如流，但复杂问题就有点应付了。

重识 alias —— npm包开发的神器本文基于 vite 和 pnpm workspace 的 monorepo 架构跟大家一起重识 alias 的原理和用法！（ps：为方便大家自己研究下案例代码的执行，完整代码已经上传 github，有需要的朋友可以自行 clone 下来玩玩。

2025前端AI开发实战范式：RAG+私有库落地指南随着人工智能技术的快速发展，前端开发正在经历一场革命性的变革。传统的开发模式已经无法满足现代应用对智能化、个性化的需求。本文将深入探讨最新的前端AI编程范式，以RAG（检索增强生成）结合私有组件库为核心，为开发者提供一套完整的实战落地指南。

Vue3之响应式系统响应式系统对于前端开发者来说简直就是神，它使我们只需要关注数据，由数据驱动视图，使应用状态管理更加清晰可维护，极大的提高了开发效率，简化了代码结构。

为什么BigInt无法通过Babel降级？大家好，我是前端兼容性专家老林。今天我将为大家分享话题：为什么BigInt无法通过Babel降级？Babel作为JavaScript编译器，能够将新语法转译成旧语法，让开发者能够提前使用最新的语言特性。然而，当涉及到BigInt时，情况就变得复杂起来。

了解 pnpm 的优势，然后将已有项目的 yarn 换成 pnpm之前一直接触到 pnpm，但没有应用到业务项目，最近的业务项目安装和编译时间太长了，所以尝试性的换成 pnpm.

从 Monorepo 重温 ESM 的模块化机制本文基于 pnpm workspace 的 monorepo 架构跟大家一起重温 esm 的模块机制，驱散大家对于 monorepo 架构中模块导入导出的疑云。（ps：为方便大家自己研究下案例代码的执行，完整代码已经上传 github，有需要的朋友可以自行 clone 下来玩玩。

快速定位源码问题：SourceMap的生成/使用/文件格式与历史SourceMap，中文名叫“源映射”。在前端开发中，打包后的文件中除了我们写的代码与npm包的代码之外，经常还会出现一个后缀名为.map的文件。这就是SourceMap文件，也是我们今天要讲的主题。

自动化构建的支线任务目标：区分开发环境 / 生产环境。在前端工程化之前，前端代码就是简单的 HTML + JS + CSS，放在服务器上就能跑。但现代前端工程有两个典型场景：