前端工程化

行走的陀螺仪

前端基建从0到1搭建步骤清单（含工具选型+配置要点+落地注意事项）明确项目场景、团队规模、技术栈偏好，避免盲目选型导致后期重构。

行走的陀螺仪

Vite & Webpack 插件/Loader 封装完全指南工程化构建中，Vite 与 Webpack 的核心扩展性依赖插件（Plugin）和 Loader：

神奇的程序员

从已损坏的备份中拯救数据12月15号早上，一觉醒来，拿起手机看到我的邮箱收到了内网服务无法访问的告警邮件，本以为只是简单的服务卡死，将服务器重启后就去上班了。

从思想到实践：前端工程化体系与 Webpack 构建架构深度解析这是工程化的核心，负责将"对人类友好的代码" -> “对机器友好的代码”核心任务: 模块依赖分析与语法转译

现代webpack/react/typescript/pnpm项目模板，从零到一搭建webpack项目模板地址如果急用，直接使用当前模板即可。点击右上角Use This Template即可创建一个新的项目。

企业级全栈 RBAC 实战 (11)：菜单管理与无限层级树形表格摘要：系统如何管理它自己的菜单？这是一个经典的“先有鸡还是先有蛋”的问题。本文将介绍如何通过数据库初始化解决冷启动问题，并深入讲解如何利用 Element Plus 的树形表格展示无限层级数据，以及如何实现“目录、菜单、按钮”三种类型的动态表单交互。

一次 React 项目 lock 文件冲突修复：从 Hook 报错到 Vite 配置优化在日常开发中，分支合并是高频操作，但稍有不慎就可能引发依赖相关的“连锁反应”。本文记录了一次 rebase main 后因 lock 文件冲突，导致 React Hook 报错的完整排查与解决过程，希望能为遇到类似问题的开发者提供参考。

vite+ts+monorepo从0搭建vue3组件库(三):开发一个组件1.在packages下新建components和utils文件夹，分别执行pnpm init,并将他们的包名改为@dlx-ui/components和@dlx-ui/utils,目录结构如下：

vite+ts+monorepo从0搭建vue3组件库(二):项目搭建在根目录下安装vue和ts 和 lesspnpm的-w 表示在根目录下安装跟目录执行 npx tsc --init,生成tsconfig.json,对其做一个更改如下：

vite+ts+monorepo从0搭建vue3组件库(四):button组件开发button组件接收以下属性button组件全部代码如下：在play的src下新建example，存放各个组件的代码，先在play下安装vue-router

Elpis Webpack工程化·自我学习总结webpack是一个现代JavaScript应用程序的静态模块打包器。它主要用于将多个模块（包括JavaScript、CSS、图片等）打包成一个或多个bundle文件，以便在浏览器中高效加载。

🧭 2025 年「大前端 Monorepo 架构」最佳实践指南“因为我们不只是写页面，我们在协调宇宙。”举例，一个现代公司可能有以下前端资产：这些项目耦合而不乱，各自独立又共享底层逻辑。一个提交，影响多个生态。让工程协同像调交响乐一样优雅 🎻。

轮滑小兆阳

CommonJS、ES、包管理器CommonJS 是Node.js 早期的模块化规范，主要为服务端设计，解决了 JavaScript 没有原生模块化的问题。

前端老宋Running

一种名为“Webpack 配置工程师”的已故职业—— Vite 与“零配置”的快乐时光倒流几年，前端圈最“高贵”的岗位不是写 React 的，也不是写 Vue 的，而是**“Webpack 配置工程师”**。

论前端第三方库的技术选型 —— 以 Jodit Editor 为例近期对一个后台项目的富文本编辑器进行了一次技术升级，这一过程中涉及到前期的技术选型和实际落地的配置和使用，在这一过程中颇有收获，随决定成文记录，汇总经验。

🌏 父子组件 i18n（国际化）架构设计方案在复杂前端项目中，组件往往像家族体系：当我们引入国际化（i18n）机制时，往往碰到这些难题：i18n 架构的本质是：

Alias Assistant：新一代 macOS Shell 别名管理解决方案内容来自：NotebookLM 对 Alias-Assistant 项目分析后自动生成在现代软件开发、系统运维与数据科学领域，命令行（Shell）始终是不可或缺的核心工具。它为专业技术人员提供了无与伦比的强大能力与灵活性。为了进一步提升效率，开发者普遍采用 Shell 别名（alias）机制，将冗长、复杂的命令简化为易于记忆的短语。然而，随着项目复杂度的增加和工具链的扩展，别名的数量急剧增长，传统的管理方式已成为制约开发者效率的显著瓶颈。开发者普遍面临着记忆成本高、管理流程繁琐、跨设备同步困难等挑战。

前端调试技巧本文档介绍前端开发中常用的调试技巧，涵盖 Console、VSCode Debug 和 Chrome Debugger 的使用方法。

什么是模块联邦?（Module Federation）在大型前端项目或多应用协作场景中，“模块共享” 是绕不开的需求 —— 比如多个应用复用同一套按钮组件、工具函数，或不同团队协作开发时共享基础模块。但在模块联邦（Module Federation）出现前，传统方案始终存在难以解决的痛点：

「无界」全局浮窗组件设计与父子组件最佳实践这里的 “无界” 可以理解为三层含义：UI 位置不受约束全局生命周期业务可插拔从系统角度看，它不是一个纯 UI 元素，而是：