构建
Build
前端工程也叫:打包、编译、npm run build、构建产物
一句话:把开发时写的源代码转换、压缩、合并成浏览器能直接运行的文件的过程,产物用于部署上线。
详细解释
开发时写的 TypeScript、JSX、Vue 文件、Tailwind 类名,浏览器并不能全都直接理解。构建就像把食材加工成预制菜:翻译成普通的 JavaScript 和 CSS,去掉空格和注释压缩体积,把大量文件合并成少数几个,输出到 dist、build 或 .next 这类目录。
常见的构建工具有 Vite、Webpack,框架一般已经配好,执行 npm run build 即可。
开发服务器能跑,不代表构建一定成功:构建时的类型检查和代码检查更严格,本地开发没问题、上线前构建报错很常见。建议每次让 AI 改完一批功能后都跑一次构建,尽早发现问题。
怎么跟 AI 说
可以直接贴给 Cursor、Claude Code 等工具,把里面的业务内容换成你自己的。
执行 npm run build 失败了,完整报错如下:(粘贴报错)。请逐条说明原因并修复,不要通过关闭类型检查或代码检查来解决。修完后告诉我还需要手动确认哪些地方。