前端工程化

Skill 落地系列一：Harness 试点复盘6 类真实业务场景的 Skill，全拆开给你看本文来自花椒技术部真实工程实践。如果你也在关注 AI 工程化、企业 Agent、MCP、Skill 或研发工具链，文末有「花椒技术交流群」入口，欢迎一起交流。

从 webpack 到 Turbopack：讲透 monorepo 里的 transpilePackages如果你把项目升级成了 monorepo（pnpm / yarn / npm workspace 配合 Turborepo 之类），大概率撞过这样一幕：新建一个本地共享包 @repo/utils，在应用里 import 进来，一跑构建就炸：

告别狂野式 AI Coding：Harness Engineering 在 H5 项目里的最小闭环实践本文来自花椒技术部真实工程实践。如果你也在关注 AI 工程化、企业 Agent、MCP、Skill 或研发工具链，文末有「花椒技术交流群」入口，欢迎一起交流。

最佳实践是有保质期的：从一次 CDN external 白屏事故说起线上有个页面突然打不开了——白屏，什么都没有，只剩一个骨架屏在那儿转。第一反应是服务挂了。但 curl 一看：HTTP 200，HTML 完整返回；页面引用的每一个 JS、CSS，状态码不是 200 就是 304，一个都不缺。更挠头的是，本地开发环境跑得好好的，怎么点都正常。

gis开发之家

vue3组合式函数（Composables）的艺术——将业务逻辑从UI组件中连根拔起上一篇文章我们把目录按 DDD 拆得很漂亮，但打开组件一看，<script setup>里还是塞满了接口请求、表单校验、定时器清理……这不就是换了个地方的意大利面吗？

前端工程化最佳实践：从规范到自动化构建的全面指南随着前端项目日益复杂，传统的手动管理方式已经难以应对多人协作、版本迭代和质量把控等挑战。前端工程化通过标准化、自动化的手段，帮助团队提升开发效率、降低错误率并保证代码质量。本文将从项目结构、代码规范、自动化构建、测试和持续集成等维度，结合一个完整的实战项目，详细讲解前端工程化的最佳实践。文中的配置均可在你的项目中直接运行。

前端工程化-03：包管理NPM-package.json 和 package-lock.json 详解package.json 是 Node.js 项目的核心配置文件，它定义了项目的基本信息、依赖项、脚本命令等。

Git Hooks 和 Husky 怎么选很多项目都会在提交前跑一些检查：这类动作通常会想到两个方案：直接写 Git hooks，或者用 Husky。

前端Monorepo依赖管理优化：pnpm硬链接与按需安装实战当项目规模增长到上百个包（packages），node_modules 目录可能膨胀到数 GB，每次 npm install 或 yarn install 耗时动辄 5~10 分钟。更糟的是，不同包之间可能重复安装同一版本的依赖，导致磁盘空间浪费和 CI 构建时间不可控。传统的 npm/yarn 依赖提升（hoist）虽然能减少部分重复，但幽灵依赖、版本冲突等问题让工程维护成本陡增。

直播间常驻子应用加载优化实践：从 1550ms 到 890ms本文复盘一个直播间复杂页面下的前端性能问题：视频首帧已经不是唯一指标，直播间里的常驻业务能力也要尽快完整可用。

一文搞懂 `.npmrc`：npm 源、SSL 与 `_authToken` 配置避坑适用场景：日常 npm install 慢、证书报错、多 token 冲突，或 .npmrc 里出现以 // 开头的行——很多人误以为是注释。本文结合真实踩坑案例说明每项配置的含义与清理方式。

大家的林语冰

ES5 凉凉，Babel 8 正式发布，默认不再编译为 ES5 和 CJS......打破信息壁垒，走近全球前端。Hello 大家好，我是林语冰。Babel 团队官宣，Babel 8 正式发布，主要包括：

流式 HTML：从 htmx 片段装配到浏览器原生增量渲染过去十多年，Web 前端最常见的分工是：后端返回 JSON，前端负责状态、渲染和交互。这套模式支撑了大量复杂应用，也把许多内容型页面推向了不必要的复杂度：一个只需要标题、段落和按钮的结果块，也要先设计 JSON 协议，再穿过前端组件树，最后才落成 HTML。

大家的林语冰

ESLint 近期动态大全，新版本正式发布，antfu 大佬推荐的插件也更新了！打破信息壁垒，走近全球前端。Hello 大家好，我是林语冰。ESLint 生态近期有不少变动，我汇总了官方版本升级和 ESLint 插件的核心内容，包括：

英勇无比的消炎药

体积瘦身TinyVue打包优化与按需加载实践你有没有这样的经历——项目刚启动时，打包体积只有几百KB，轻轻松松上线。随着功能越来越多，组件库像吃货一样疯狂吞体积，突然有一天 npm run build 的输出让你血压飙升："这玩意儿怎么比我还胖？"

秃头网友小李

Vue3 储能 EMS 前端实战：配置化组件 + MQTT 实时组态 + Element Plus 深度定制适用读者：Vue3 中高级开发者、工业物联网 / 能源管理系统前端工程师技术栈：Vue 3.5 · Vite 8 · Element Plus · Pinia · MQTT · Maotu 组态 · ECharts · Three.js 项目类型：储能云平台 EMS UI

Webpack在前端项目中究竟发挥什么作用？想要知道Webpack在前端项目中，发挥什么作用，那就得知道它是由哪几部分组成的Webpack是一个前端的，针对于模块的打包工具。可以把项目中的资源文件，按照既定的方式，当作对应的模块，打包成可以在浏览器端运行的资源文件。

微前端 Micro-App 实践微前端的诞生，源于现代前端开发在应对大型、复杂、长周期项目时，传统单体前端架构暴露出的一系列系统性痛点。

初心丨哈士奇

用 AI 自动生成前端代码影响范围报告:从 CI 到测试用例各位读者大家好，进公司一年了，很久没写文章了，最近ai提效搞的很火，相信大家公司也一定有很多ai提效的经验，这里哈士奇也简单做了一个ai提效的工具，给大家分享一下思路，大家如果有其他经验也欢迎和哈士奇分享。

前端模块化设计实战：从 Vue3 Composition API 到 Monorepo 工程化模块设计的本质是认知管理而非代码管理——所有技术决策最终服务于降低开发者的认知负荷。本文从 Vue 3、React 生态出发，深入前端状态管理、Monorepo 工程化与代码分割策略，提供可直接落地的模块化方案。