vue项目瘦身

 vue项目瘦身_第1张图片

 如图 项目中node_modules包已占用十几G,我也是发现我的磁盘空间缩小的超级快,因为好几个项目,甚至有的项目包已经占了50多G,这都得益于上一个刚走了的laji

npm install -g depcheck

一旦安装了depCheck,您可以在命令行中运行它来检查项目的依赖项。例如,要检查当前目录中的项目,请使用以下命令:

depcheck

depCheck将输出有关项目中不必要的依赖项、缺少的依赖项和版本不兼容的依赖项的警告和建议。您还可以将depCheck配置为输出JSON格式的结果,以便更容易地处理它。

vue项目瘦身_第2张图片

安装依赖项

npm install [--save-dev]

其中是您要安装的依赖项的名称。根据您的需要,可以选择将依赖项的名称放在--save--save-dev标志之后。

  • --save选项将依赖项添加到您项目的package.json文件的dependencies部分,并安装它们。这意味着它们将在生产环境中使用。
  • --save-dev选项将依赖项添加到项目的package.json文件的devDependencies部分,并安装它们。这意味着它们将在开发环境中使用。

如果您要安装多个依赖项,只需在命令中输入它们的名称即可:

npm install [--save-dev]

删除依赖项

npm uninstall [--save-dev]

其中是您要卸载的依赖项的名称。根据您的需要,可以选择将依赖项的名称放在--save--save-dev标志之后。

  • --save选项将从您的package.json文件的dependencies部分中删除依赖项,并从安装目录中删除它们。
  • --save-dev选项将从项目的package.json文件的devDependencies部分中删除依赖项,并从安装目录中删除它们。

如果您要删除多个依赖项,只需在命令中输入它们的名称即可:

npm uninstall [--save-dev]

实在不行只能

  1. 清理缓存文件

有时候,node_modules文件夹中会包含一些不必要的缓存文件。你可以使用npm的命令行工具来清除缓存

npm cache clean --force

执行上述命令后,你可以删除node_modules文件夹并重新安装依赖。

  1. 使用npm的shrinkwrap命令

npm-shrinkwrap.json文件能够锁定您项目依赖的版本,可以帮助减少冗余的依赖项并减小node_modules文件夹的大小。通过以下命令来生成npm-shrinkwrap.json文件:

npm shrinkwrap

执行上述命令后,npm会检查你项目的依赖项,并会生成锁定文件npm-shrinkwrap.json

  1. 使用yarn代替npm

yarn是一个可替代npm的包管理器,并且旨在解决一些npm的问题。其中一个问题是node_modules文件夹占用大量磁盘空间。通过以下命令可以安装yarn:

npm install -g yarn

安装完成后,你可以使用以下命令代替npm install

yarn install

因为yarn使用了自己的依赖缓存,所以在依赖更新时,它会自动保证缓存的更新,从而减少了node_modules文件夹的大小。

你可能感兴趣的:(vue基础,vue.js,前端,javascript)