tag

构建工具

共 10 篇文章。
全部文章GoTypeScript游戏开发小游戏游戏设计Godot书稿RustPython性能优化游戏引擎PRDSaaS游戏服务端
scala

Scala CLI 与工具链现代化：指令声明、打包发布与 CI 集成

Scala CLI 把「单文件脚本、依赖声明、编译运行打包」压进一条命令，用指令注释替代构建文件，让脚本、原型与小型工具不再需要完整的项目结构与繁琐的构建配置。本文讲清指令声明与依赖解析机制、与 sbt 的职责边界、测试与多文件项目的目录布局、打包与发布方式，以及持续集成与工具链迁移的实际路径、常见坑与规避手段。

9 分钟阅读
Scala 构建工具 打包
vite

从 Webpack 迁移到 Vite：配置映射、loader 与插件对应与常见坑

Webpack 项目迁移到 Vite 的完整对照手册：打包器与原生 ESM 开发服务器的心智模型差异、entry/output/mode 的配置映射、loader 到 Vite 内建能力的对应、DefinePlugin 与 HtmlWebpackPlugin 的替代方案、resolve 别名迁移、process.env 到 import.meta.env 的改写、devServer 到 server 与 proxy 的映射，以及渐进迁移与常见坑排查。

7 分钟阅读
Vite Webpack 迁移
vite

Vite 专题：从脚手架到生产优化的现代前端构建工程化

Vite 是当下最流行的前端构建工具，基于原生 ESM 与 esbuild/Rollup 双引擎，重新定义了开发体验与生产构建性能。本专题从工程化视角系统覆盖 Vite 全链路：项目脚手架与工程化起步（create-vite 模板、目录结构与工程规范）、配置文件与多环境变量管理（defineConfig 深度解析、resolve/server/build 配置、import.meta.env）、插件开发实战（插件钩子、transform、虚拟模块与 Rollup 生态联动）、构建优化与代码分割（chunk 拆分策略、Tree Shaking、gzip/brotli 压缩、预构建优化）、Monorepo 多应用架构（pnpm workspace、共享包、依赖预构建、构建隔离）、Vite SSR 与服务端渲染（SSR 架构、模块图与 HMR、全栈框架生态），并扩展测试实战（Vitest 单元/组件/E2E）、HMR 深入、依赖预构建（optimizeDeps 与缓存失效）、环境变量与生产构建最佳实践、框架集成（React/Vue/Svelte/Solid）以及 CI/CD 构建优化，进一步覆盖静态资源与媒体资产处理、微前端集成、构建缓存与持久化缓存策略、浏览器兼容与 Legacy 构建、Web Worker 与 WASM 并行计算、开发调试与故障排查工具链，并深入开发服务器内部架构（Connect 中间件、模块图与按需编译）、Source Map 生成原理（VLQ/mappings、inline/external/hidden）、CSP 与前端安全加固（内容安全策略、依赖供应链、构建产物安全）、容器化与 Docker 构建（多阶段构建、层缓存、nginx 部署）、客户端运行时性能优化（代码分割、preload、核心 Web 指标）以及开发代理与后端集成（server.proxy、路径重写、Mock 与联调工作流），再扩展导入图与模块图内部（依赖追踪/解析/模块节点/HMR 边界）、Tree-shaking 深入（摇树原理/副作用标记/exports 入口）、Rollup 构建管线（插件钩子/产物结构/manifest）、React 应用架构模式（三层架构/状态管理/路由分割/SSR）、组件库开发指南（lib 模式/dts 生成/npm 发布/按需加载）、包体分析与性能监控（Bundle Analyzer/性能预算/CI 门禁/Web Vitals），帮助开发者构建高性能、可维护、可扩展的现代前端工程，并进一步覆盖 SSG 与预渲染（vike/路由预渲染）、MDX 内容驱动站点、Electron/Tauri 桌面应用、部署平台适配（Vercel/Netlify/Cloudflare Pages/自建 nginx）、GraphQL 数据层（Apollo/urql/codegen）与 3D/WebGL 工程化（Three.js/glTF/KTX2）。

8 分钟阅读
Vite 前端工程化 构建工具
typescript

《TypeScript编程入门》16.2 esbuild/swc/tsup 与打包产物

本节解释为什么 tsc 不再是唯一的编译路径，并对比 esbuild、swc、tsup 三类工具的定位与取舍。先看它们「快」的代价是什么，再讲清产物三件套 ESM、CJS、d.ts 分别服务谁，接着拆解 sourcemap 与 tree-shaking 在打包语境下的真实行为，最后给出「类型检查与打包分离」的工程范式与高频踩坑清单。读完你能为库或应用选出合适的构建链。

7 分钟阅读
TypeScript TypeScript编程入门 构建工具
frontend

前端工程化专题：从 Vite 到 WebAssembly 的全栈实践

前端技术栈是用户与产品交互的第一触点，决定着体验质量与业务转化的核心指标。本专题按「基础能力 → 框架深入 → 工程化 → 性能优化 → 前沿探索」路径组织全部内容，涵盖 HTML/CSS/JS 核心基础、Vite 构建工具深度解析（HMR/预构建/Rollup 插件）、TypeScript 高级类型系统与严格模式配置、React/Vue/Svelte 三大框架原理与选型对比、状态管理方案全景（Redux/Zustand/Jotai/信号与 TanStack Query）、微前端架构（qiankun 与 Module Federation）、SSR/SSG 渲染模式（Next.js App Router/流式渲染/岛屿架构）、前端测试体系（Vitest/Playwright/MSW）、CSS 架构与样式方案（Tailwind/设计 token/容器查询）、Core Web Vitals 性能指标体系与优化策略、WebAssembly 浏览器端高性能计算、WebRTC 实时音视频通信、PWA 离线应用与服务 Worker，以及前端安全（CSP/XSS/CSRF）、可访问性 a11y 与国际化 i18n 实践。进一步追加 React Server Components 与 Next.js App Router 流式渲染、Bun/Deno 现代运行时选型、前端动画与 GPU 渲染性能、表单验证架构与无障碍、性能调试方法论与 Core Web Vitals 深度诊断、GraphQL 客户端（Apollo/Relay/urql）集成与缓存优化，为前端工程师提供从入门到专家的系统化知识路径。

9 分钟阅读
前端 工程化 性能优化