前端工程化

货拉拉技术

如何用 AI 做业务级 Code Review对于核心的业务项目来说，Code Review (代码评审) 是必不可少的。但现实中的代码评审时常常被以下几件事所困扰：

手把手系列之—— 自定义 Loader 和 Plugin用 Webpack 打包时，我们早就习惯了各种现成的 Loader 和 Plugin，比如babel-loader 转 ES6，ts-loader 处理 TypeScript，HtmlWebpackPlugin 生成 HTML……那为啥还要自己写呢？

AI 写代码总是半途而废？试试这个免费的工作流工具作为一个用过多种 IDE 的开发者，我想分享一个让我效率 up up 的小工具。这些问题都有一个共同原因：上下文衰减（Context Rot）。

“啪啪啪”三下键盘，极速拉起你的 uni-app 项目！说实话，我也不想造轮子。但试了一圈之后，我发现了一个让我忍不了的问题：选了不要某个功能，生成的代码里居然还有它的 import 和空壳文件。与其花半小时手动删代码，不如用 hy-uni —— 三下键盘，1 秒钟搞定！

Vitest Environment UniApp：让 uni-app E2E 测试变得前所未有的简单FliPPeDround前端工程师 · 开源爱好者 · 正在找工作如果你曾尝试为 uni-app 项目编写 E2E 测试，你大概率会遇到这样的困境：官方提供的 Jest 环境配置复杂、文档更新滞后、与现代测试工具链集成困难。更糟糕的是，当你想要使用 Vitest 这种更现代、更快速的测试框架时，却发现没有合适的 uni-app 环境支持。

一文读懂：CommonJS 和 ES Module 的本质区别面试官：你能说说 CommonJS 和 ES Module 的区别吗？我：……（脑子里只剩下 require 和 import）

手把手系列之——前端工程化前言：在公司，每天的工作都离不开一个内部平台，它的名字叫做devops（就是这么直白哈哈哈），这个系统包含了公司从商机、需求、开发、测试到部署的全流程。那什么是devops呢，本文将由此引入CI/CD、前端自动化等一系列概念，并手把手带你进行实战！

Ryan今天学习了吗

前端知识体系总结-前端工程化(Webpack篇)webpack打包与模块加载原理(从JS入口文件出发如何进行简单打包 -> __webpack_require__具体实现 -> 一个最基础的bundle.js至少具备的内容 -> 实现一个基本的webpack打包功能)

Ryan今天学习了吗

前端知识体系总结-前端工程化(Babel篇)Babel本质上就是一个编译器。把一种代码变成另一种代码。我们将要实现一个最简单的Babel核心功能：将ES6的箭头函数转换为ES5的普通函数。我们不要去背那些复杂的概念，编译器的工作流程在任何语言里都是一样的，只有三个阶段：

Ryan今天学习了吗

前端知识体系总结-前端工程化(Vite篇)Webpack 是先打包好文件再放到 dev server 运行而 Vite 是先运行 dev server ，之后浏览器请求什么文件就在 dev server 中动态编译后再返回。核心是基于浏览器原生支持的 ES Modules (<script type="module">)，当浏览器解析到 import 语句时，会向服务器发送 HTTP 请求，服务器拦截这些请求并实时编译文件与响应。

构建工具的第三次革命：从 Rollup 到 Rust Bundler，我是如何设计 robuild 的本文将从第一人称实战视角，深入探讨前端构建工具的技术演进，以及我在设计 robuild 过程中的架构思考与工程实践。

前端构建产物里的 __esModule 是什么？一次讲清楚它的原理和作用如果你经常翻构建后的代码，基本都会看到这样一行：很多人第一次看到都会疑惑：这篇文章专门把这个现象讲清楚。

React 刷新页面 Token 消失？深度解析 Redux + LocalStorage 数据持久化方案与 Hook 避坑指南在 React 应用开发中，Token 管理是安全与用户体验的核心。许多开发者初期会产生一个疑问：既然已经使用了功能强大的 Redux 进行全局状态管理，为什么还需要手动封装 LocalStorage 操作？本文将从响应式原理、Hooks 调用限制以及工程化解耦三个维度进行解析。

Rspack核心解析：Rust重写Webpack的性能革命与本质前端构建工具赛道历经多年迭代，已形成 Webpack、Vite、Rspack 三足鼎立的格局。Webpack 作为老牌王者，以“兼容万物、生态完善”支撑了无数项目；Vite 凭借“原生ESM、按需编译”革新了开发体验；而字节跳动出品的 Rspack，则以“Rust 重构、兼容 Webpack”的特质，成为兼顾性能与生态的新选择。很多开发者会困惑：三者核心差异是什么？为什么 Rspack 能实现“性能碾压”又“零成本迁移”？本文将从三者对比切入，层层拆解 Rspack 的核心原理、性能本质，最终给出清晰的项

怒放的生命1991

pnpm + Monorepo 使用教程（集成 Vue 3 项目）本文档指导你将现有 Vue 3 项目 my-space-web 迁移到基于 pnpm 的 monorepo 架构中，实现高效、可扩展的多包管理。

意图OS是未来软件形态，它到底解决了什么问题？先说一句现在操作系统（无论是Windows、macOS、Android、iOS...）的通病：“操作系统懂很多指令，却不懂你干嘛。”

眯眼因为很困啦

GitHub Fork 协作完整流程适用于：开源项目二次开发、插件扩展、给上游项目提交 PR（Pull Request）Fork 是把别人的 GitHub 仓库复制一份到你自己的账号下：

node-sass 迁移 sass(dart-sass) 后样式报错？用 loader 先把构建救回来仓库：vue-cli-plugin-sass-compat GitHub：github.com/myltx/vue-c…

user8615818578154

记一次Vue 2主应用集成Vue 3子项目的Monorepo迁移踩坑指南最近在进行Monorepo架构调整，需要将一个现有的Vue 3(Vite)项目作为一个子应用 (apps/wj) 迁移到由Vue 2(Webpack)主导的大仓中。本以为只是简单的“文件夹移动”，结果在依赖管理、网络代理和端口映射上踩了一圈坑。

React基础框架搭建8-axios封装与未封装，实现 API 请求管理：react+router+redux+axios+Tailwind+webpacknpm install axios一、api基础使用（未封装）1、在 src/api/ 目录下创建一个新的文件 productService.js，用于管理所有的 API 请求。