如何快速刪除node_modules，讓你的項目更輕盈

在進行前端開發的時候，我們經常使用各種各樣的依賴庫，以便於提高工作效率。但是，這些庫通常包含大量的文件，尤其是node_modules文件夾，這會導致項目越來越臃腫。

本篇文章將從多個方面介紹如何快速刪除node_modules，讓你的項目更加輕盈，並提高開發效率。

一、使用npm提供的命令刪除node_modules

npm為我們提供了快速刪除node_modules的命令，即使用npm自帶的“rimraf”包。它是一個跨平台的rm –rf命令。

//安裝rimraf包
npm install -g rimraf

//進入項目目錄
cd projectFolder

//使用rimraf命令刪除node_modules
rimraf node_modules

這將會在幾秒鐘內刪除整個node_modules。

二、使用yarn代替npm

yarn是一款由Facebook開發的包管理工具，與npm相似。但是，yarn的優勢在於快速安裝，因為它允許並行下載。除此之外，它也可以幫助我們快速清理node_modules。

//使用yarn刪除node_modules
yarn cache clean && yarn install

yarn cache clean命令將清除yarn的緩存，yarn install將重新安裝所有的node_modules，並清理舊文件。

三、使用clean-webpack-plugin清理node_modules

我們可以使用webpack插件clean-webpack-plugin來刪除未使用的文件和文件夾。

//安裝clean-webpack-plugin
npm install clean-webpack-plugin --save-dev

然後在webpack.config.js文件中添加以下代碼

const { CleanWebpackPlugin } = require('clean-webpack-plugin');

module.exports = {
  plugins: [
    new CleanWebpackPlugin(),
  ],
};

這將在每次構建之前清理你的輸出目錄。

四、使用ignore-scripts來忽略指定的scripts

在package.json中，你可以指定一些scripts來使用。但是，這些scripts通常需要依賴安裝，如果你只是想刪除node_modules，並且不需要這些scripts或測試，你可以在npm安裝的時候用–ignore-scripts標誌來忽略它們。

//使用--ignore-scripts選項安裝依賴
npm install --ignore-scripts

這個命令將忽略所有scripts命令，包括測試。如果你想安裝其中一些依賴，你可以手動運行npm install package-name命令來安裝它們。

五、使用TypeScript快速刪除node_modules

如果你正在使用TypeScript開發，你可以使用typescript-remove包來刪除未使用的依賴項。

//安裝typescript-remove包
npm install typescript-remove -g

//使用typescript-remove刪除未使用的依賴項
npx tsc --project ./tsconfig.json && npx tr src/**/*.ts output/

這個命令將在輸出目錄中創建副本，其中只包含被導入的依賴項，未使用的依賴項將被刪除。

總結

在前端開發中，快速刪除node_modules可以幫助我們減少項目的體積，加快開發效率。本文介紹了五種快速刪除node_modules的方法，包括使用npm自帶的命令、使用yarn代替npm、使用clean-webpack-plugin清理node_modules、使用ignore-scripts來忽略指定的scripts、使用TypeScript快速刪除node_modules。