前端工程 · 工具链
构建
Build
也叫:打包、编译、npm run build、构建产物
把开发时写的源代码转换、压缩、合并成浏览器能直接运行的文件的过程,产物用于部署上线。
详细解释
开发时写的 TypeScript、JSX、Vue 文件、Tailwind 类名,浏览器并不能全都直接理解。构建就像把食材加工成预制菜:翻译成普通的 JavaScript 和 CSS,去掉空格和注释压缩体积,把大量文件合并成少数几个,输出到 dist、build 或 .next 这类目录。
常见的构建工具有 Vite、Webpack,框架一般已经配好,执行 npm run build 即可。
开发服务器能跑,不代表构建一定成功:构建时的类型检查和代码检查更严格,本地开发没问题、上线前构建报错很常见。建议每次让 AI 改完一批功能后都跑一次构建,尽早发现问题。
开发者信息术语 ID、DOM 线索、识别优先级
- 术语 ID
eng-build- DOM 选择器
- 没有 DOM 线索,这个概念不在页面上直接识别。
- 优先级
- 1 · 同一层有多条命中时,优先级高的胜出
- 版本
- v1 · 更新于 2026/09/29