标签: 构建优化

文章对比pnpm在Monorepo中的`-C`（基于物理路径切换目录）和`-F`（基于包名智能筛选）参数。**关键问题**：`-C`路径易变、无依赖感知；**方案**：优先用`-F`，支持拓扑构建（如`pkg...`）、批量通配符（如`apps/*`），更稳定智能。

本文深入解析了在 Webpack 中实现类似 Vite 的 `module?url` 机制，通过 Asset Modules 和自定义 Loader 两种方案，解决资源 URL 精确控制的需求。探讨了工程化实践中的路径解析、缓存破坏、多环境适配，并针对 Web Worker 和 WASM 模块提出优化策略。同时，对性能、安全进行考量，并展望了未来 Webpack 生态和浏览器原生能力的发展方向。

使用 `vue-tsc --build` 和 `composite` 优化 TypeScript 构建：启用 `composite` 和 `incremental` 可实现增量编译，仅编译修改部分。结合项目引用，可在多模块项目里高效构建并管理依赖。`vue-tsc` 支持 Vue 单文件组件，需配置 `rootDir` 和 `outDir`。避免随意删除 `.tsbuildinfo` 或使用 `--force`。