构建

它到底指什么？

你在开发时写的代码，往往不是浏览器能直接理解的最终形态。比如 TypeScript 需要转成 JavaScript，React 的 JSX 语法需要转成普通的函数调用，散落在几十个文件里的代码需要合并压缩成几个小文件以加快加载速度。

"构建"就是完成这一系列转换的过程。当你运行 npm run build 时，框架会读取你所有的源代码文件，经过编译、压缩、打包等步骤，最终生成一个可以直接部署上线的成品目录。

它和"运行开发服务器"有什么区别？

开发时你用 npm run dev 启动的是一个临时的开发服务器，它会实时编译你的代码，方便你边改边看效果——但它没有做完整的优化，也不适合给真实用户使用。

npm run build 做的是一次完整的"生产级"构建——代码会被充分优化、体积会被尽量压缩、不需要的调试信息会被移除。构建完成后的产物，才是你交给部署平台发布上线的东西。

有什么需要注意的？

构建失败是很常见的事。可能是代码中有语法错误、某个依赖版本不兼容、或者类型检查没通过。构建过程比开发模式更严格——有些在开发模式下被忽略的小问题，在构建时就会暴露出来。如果构建失败了，仔细阅读终端输出的错误信息，通常就能找到问题所在。