提升你的 Next.js 工作流：了解 npm run lint 与 npm run build

Source: Dev.to

介绍

了解工具的细微差别可以在 Next.js 项目中产生巨大的影响。两个你经常会使用的关键命令是 npm run lint 和 npm run build。

npm run lint

npm run lint 就像是代码的好伙伴，确保一切整洁且没有错误。它：

• 及早捕获风格问题和潜在的 bug。
• 强制代码库保持一致性。
• 帮助维护整体代码质量。

定期运行 lint 可以防止小问题在后期开发中演变成更大的麻烦。

npm run build

npm run build 是应用的“彩排”。它：

• 为生产环境编译代码。
• 检查类型错误（在使用 TypeScript 时尤为重要）。
• 优化资源和打包，以实现最佳性能。

构建步骤确保应用在最终用户那儿能够顺畅运行，并在部署前捕获任何运行时问题。

为什么要同时运行这两个命令？

同时运行 lint 和 build 能提供全面的安全网：

• Lint 在开发周期的早期捕获语法、风格以及潜在的逻辑错误。
• Build 验证编译后的输出能够正常工作并已针对生产进行优化。

二者结合帮助你打造一个健壮、易维护且高性能的应用。

结论

在工作流中加入 npm run lint 和 npm run build 是任何 Next.js 项目的最佳实践。这样做可以减少 bug、提升代码质量，并确保应用在面向用户时发挥最佳性能。祝编码愉快！