前端项目中，npm 打包速度慢是一个常见的问题，这会严重影响开发效率。不过别担心，以下是一些实用的方法，可以帮助你提升 npm 打包的速度，让你告别漫长的等待。
1. 使用缓存
npm 默认使用缓存来存储已经下载的包，这样可以加快后续的安装速度。但有时候，缓存可能因为各种原因导致打包速度变慢。以下是一些优化缓存的方法：
- 清理缓存：使用
npm cache clean --force命令清理缓存，然后重新安装依赖。 - 使用国内镜像：通过配置
npm config set registry https://registry.npm.taobao.org使用国内镜像，可以加速包的下载速度。
2. 优化 package.json
package.json 文件中的配置可能会影响 npm 打包速度。以下是一些优化建议：
- 精简
dependencies：确保只安装必要的依赖包，避免不必要的包占用资源。 - 使用缩写：使用缩写来简化依赖包的名称，例如
lodash可以缩写为lodash。 - 优化
scripts部分：确保scripts部分的命令尽可能高效。
3. 使用 npm ci
npm ci 是 npm 的一个命令，用于执行类似 npm install 的操作，但速度更快。这是因为 npm ci 会使用更高效的方式来安装依赖包，并且会尽可能使用缓存。
4. 使用 lerna 或 rush
如果你的项目是 monorepo，那么使用 lerna 或 rush 可以有效地提高打包速度。这些工具可以帮助你并行安装依赖包，并且可以更好地管理多个包。
5. 使用 pnp 插件
pnp 是一个 npm 插件，它可以将 node_modules 目录集成到文件系统中，从而提高安装和打包速度。要启用 pnp，你需要在项目根目录下创建一个 .pnp.js 文件，并添加以下内容：
module.exports = {
packageFilter: (pkg) => {
// 确定是否需要过滤某些包
return true;
},
};
然后，在 package.json 的 scripts 部分添加以下命令：
"preinstall": "pnp install"
总结
通过以上方法，你可以有效地提高前端项目中 npm 打包的速度。当然，具体效果可能因项目而异，但相信这些方法可以帮助你告别漫长的等待。