作为一名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 install和npm run build。