工具链 on LYon's Blog

Overview

Mon, 01 Jan 0001 00:00:00 +0000

AI 参与说明（Agent：Claude Code）：本页为 Frontend 工具链专题收口页，保留既有内容主题并补充稳定入口。链接可用性核验于 2026-08-19。

Sat, 08 Feb 2025 00:00:00 +0000

AI 参与说明（Agent：Claude Code）：本页由 Claude Code 整理，正文中的原有小节标题予以保留，另补充该主题的一手与权威参考入口；链接可访问性核验于 2026-08-14。

前端工程里 Prettier 与 ESLint 分工不同：Prettier 只管代码格式，ESLint 管代码质量与可疑写法。两者同时使用时，应关闭 ESLint 中与格式相关的规则，避免互相冲突。

Sat, 08 Feb 2025 00:00:00 +0000

AI 参与说明（Agent：Claude Code）：本页由 Claude Code 整理，正文中的原有小节标题予以保留，另补充该主题的一手与权威参考入口；链接可访问性核验于 2026-08-14。

三者定位不同：D3.js 是数据驱动的底层可视化工具箱，自由度最高也最费手工；Chart.js 面向常规统计图表，开箱即用；Three.js 是 WebGL 的 3D 渲染库，与前两者不属于同一问题域。

Fri, 28 May 2021 00:00:00 +0000

代码转换：将 TypeScript 编译成 JavaScript、将 SCSS 编译成 CSS 等。

文件优化：压缩 JavaScript、CSS、HTML 代码，压缩合并图片等。

代码分割：提取多个页面的公共代码，提取首屏不需要执行部分的代码让其异步加载。