npm run clean

发表于: other | 作者: | 日期: 2026/8/04 08:08
标签:
字号:

作为一名java开发者,我习惯于使用mvn clean来清理构建物,或者直接在intellijidea的maven面板clean一下。在开发前端的时候,因为不熟悉,一直以来都是手工删除dist或者build目录,感觉有点low。后来我发现了 rimraf

使用 rimraf 清理构建物

rimraf 是 Unix 命令 rm -rf 的node版本。这是一个有点风险的命令,所以使用的时候一定要非常小心才行。
安装依赖:

npm i rimraf --save-dev

配置 package.json:

  "scripts": {
      "clean": "rimraf dist",
    }

清理构建物:

npm run clean

也可以在构建的时候自动清理一下:

    "scripts": {
      "clean": "rimraf dist",
      "build": "npm run clean && vite build"
    }

然后在执行 npm run build的时候,会自动先执行清理,再进行构建。当然也可以使用 npx rimraf dist 来免安装直接执行。

rimraf是平台无关的

rimraf是平台无关的,以下是不同平台上与其等价的命令:

  • macOS / Linux:使用 rm -rf dist
  • Windows CMD:使用 rd /s /q dist/s 表示删除所有文件,/q 表示静默不询问)
  • Windows PowerShell:使用 Remove-Item -Recurse -Force dist-Recurse 递归删除,-Force 强制删除只读文件)

3. 清理 npm 全局或项目缓存

除了构建产物,有时还需要清理 npm 的缓存或 node_modules 依赖目录:

  • 清理 npm 缓存:运行 npm cache clean --force
  • 彻底清理依赖与产物:可以使用 npx rimraf node_modules dist 将依赖和构建产物一并删除,随后需要重新执行 npm installnpm run build

: https://blog.darkmi.com/2026/08/04/4713.html