前端工程化

Cloudflare 用 Rust 重写了 TypeScript：我拿同一批代码跑了跑，报错一模一样，退出码不一样TS7（Go 原生编译器）7 月初发布的时候，我写过一次它的升级体验，当时觉得这事已经翻篇了：微软自己下场重写，10 倍速度，生态大结局。结果 10 月 20 号 Cloudflare 发了篇博客，标题就叫 "Introducing tsrs: A Port of TypeScript to Rust"。我第一反应是揉了揉眼睛——不是已经有 Go 版了吗，为什么又有人把一个编译器重写了一遍？还是 Cloudflare 牵头，跟 VoidZero 一起做的，孵化在 Oxc 工具链里，Hacker News

悬浮提示从哪来：LSP、tsserver 与 .d.ts在编辑器里对 useState 或 z.object 悬停，会弹出参数和返回类型；按住 Ctrl（Windows）或 Command（macOS）再点击，常常会跳进一份 .d.ts，而不是正在跑的那份 .js。这和「Node / 打包器如何找到运行时文件」不是同一条路。

npm 的 bin 如何接到 npm run 与 npxpackage.json 里常能看到 "dev": "vite"，项目并没有全局安装 Vite，终端里直接敲 vite 也可能提示找不到命令，但 npm run dev 却能起来。装依赖不只是为了 import：bin 会在安装后接到项目的 node_modules/.bin，于是脚本和 npx 才能用短命令名找到包里的可执行文件。

import 之后发生了什么：package.json、解析与安装产物业务代码里写 import { useState } from 'react' 时，其实叠了两件事：先选定装哪一版，再选定这一版里用哪个文件。本文只谈后者——入口如何找到具体文件，以及安装时实际下载了哪些内容。下文把这套约定称为运行时契约。

npm 里 SemVer 和 dist-tag 如何决定装哪一版package.json 里写 "react": "^19.0.0"，和同事机器上装到的具体版本常常不一样；有人锁在 19.0.1，有人已经到了更高的小版本。另一边，执行 npm install some-pkg 不写版本号时，装到的也未必是「数字最大的那个」。

_弹琴不走心的程序猿

里程碑2 工程化建设本章学习让我认识到：工程化的核心不是记住某个构建工具怎么配置，而是理解业务代码从源码到浏览器可运行资源之间，究竟经历了什么。换句话说，工具可以换，但“解析编译、模块分包、压缩优化”这些工程化内部职责是相对稳定的。

天若有情673

POT规范｜一套个人自研NPM包本地生命周期管理体系很多前端开发者都会自己写一些NPM工具包，但是大部分人只关注包内部代码，很少去思考：手上十几个、几十个自研NPM包，在本地电脑上如何统一管理、区分不同状态。

三十而立洋

TypeScript 7.0 深度解析：新特性、Go 原生编译器及与 TypeScript 6.0 的区别2026 年 7 月 8 日，微软正式发布了 TypeScript 7.0 —— 这是该语言自诞生以来最具里程碑意义的一次版本更新。它不再是 "加几个新语法" 的常规迭代，而是把编译器本身从 JavaScript 整体移植到了 Go，带来了 8～12 倍的全量构建提速，并首次让 "完整类型检查" 与 "毫秒级构建" 同时成立。

三十而立洋

前端模块化的演进：从全局变量到 Import Maps一场关于「作用域隔离 × 依赖管理 × 按需加载」的二十年追寻史在讲演进之前，先回答一个根本问题：我们到底在对抗什么？

脚手架原理与本地调试：从 bin 软链接到 npm link简介：回答三个问题就掌握了脚手架原理：命令名从哪来、全局安装做了什么、为什么 JS 文件能直接执行简介：脚手架本质是 node 这个操作系统客户端在执行，命令执行有三个关键节点

脚手架入门：必要性、核心功能与执行原理简介：脚手架属于前端基础架构，是前端研发自动化的关键工具为什么要学脚手架脚手架在研发体系中的作用为什么难

断点不该认识设备：组件布局的容器状态治理响应式布局长期把“屏幕有多大”当作主要输入：@media 读取视口宽度，页面在某个断点切换列数、导航形态和卡片排版。这种方式在页面结构简单时足够有效；但当同一个卡片可能出现在主栏、侧栏、弹窗、分栏工作台或可拖拽面板中时，视口宽度就不再能准确描述它的真实处境。

让故障自己找到主人：前端错误的归并、反解与分派系统线上出现一条 TypeError，并不等于团队已经知道了问题：它可能来自哪个异步 chunk，影响了哪一批灰度用户，是否与刚刚发布的版本有关，应该交给订单域还是基础组件团队，修复后是否真的消失。

别把 Claude Code 当聊天框：一套「确定性工程」落地手册我用 Claude Code 做生产项目一年多，走过一段典型弯路：一开始以为瓶颈在模型，不断换更强的模型，该出的 bug 还是出。后来我把注意力从"让模型更聪明"转到"让约束更硬"，提升比换三次模型加起来都明显。

用 Knip 清理 AI Coding 留下的冗余代码最近，我拿 Knip 跑了两个现有项目，清理掉了不少冗余代码和未使用文件。清完以后，我又让 agent 翻 Git 记录，看看这些东西是怎么留下来的。

三十而立洋

深入浅出 Nginx：从核心原理到实战指南Nginx（发音同 "engine x"）是一个高性能的 HTTP 和反向代理 Web 服务器，由俄罗斯程序员 Igor Sysoev 开发，2004 年首次公开发布。凭借高并发、低内存占用、高扩展性与极强的稳定性，它已成为全球互联网架构的核心基础设施。

三十而立洋

深入理解 Monorepo：子包安装依赖在 pnpm workspace 中，正确地为每个子包安装依赖是 Monorepo 工程化的基础。本文详细介绍 4 种安装方式、依赖类型区分、验证方法和最佳实践。

报错之后，谁来证明它属于这次发布？前端错误治理的证据链设计很多团队的前端错误监控，停留在一个看似合理、实际却难以行动的状态：平台每天收到成千上万条 TypeError、资源加载失败和接口异常；研发知道“线上有问题”，却很难回答几个真正决定处置效率的问题：

pnpm 12 换上了 Rust 内核，我拿项目实测了一轮构建速度昨天 InfoQ 发了条消息：pnpm 12 用 Rust 重写了核心。今天一上班我先去 npm 上拉了一遍 dist-tags，latest 已经是 12.3.4 了——距离发布才一天，官方就把 latest 标签转正了，说明这次升级官方自己心里是有底的。顺手我又把手里那个测试用的小 monorepo 拿出来，实测了一轮 pnpm 12 的安装速度和 Vite 7 → 8 的构建变化。一轮测下来我的感受是：Rust 化是真的，速度提升也是真的，但小项目上的体感远没有官方 benchmark 里那么夸张

Webpack 快速上手：前端工程化、打包原理、从零搭建基础项目现代前端项目早已不是"一个 HTML 引几个 JS 文件"那么简单：Webpack 就是把这些能力整合起来的"模块打包器"（module bundler）：从入口文件出发，递归解析所有依赖，最终打包成浏览器可直接运行的静态资源。