检查未使用的依赖项

npm install depcheck -g
depcheck

查看过时的图书馆

npm outdated

如果你使用的是类似Unix的操作系统(Linux, OSX等)，那么你可以使用find和egrep的组合来搜索包含包名的require语句:

find . -path ./node_modules -prune -o -name "*.js" -exec egrep -ni 'name-of-package' {} \;

如果你搜索整个require('name-of-package')语句，记得使用正确类型的引号:

find . -path ./node_modules -prune -o -name "*.js" -exec egrep -ni 'require("name-of-package")' {} \;

or

find . -path ./node_modules -prune -o -name "*.js" -exec egrep -ni "require('name-of-package')" {} \;

缺点是它不是全自动的，也就是说它不能从包中提取包名。Json并检查它们。您需要自己为每个包执行此操作。因为包。json只是json，这可以通过编写一个使用child_process的小脚本来纠正。为每个依赖项运行此命令。让它成为一个模块。并将其添加到NPM回购…

你可以使用一个叫做depcheck的npm模块(至少需要Node的10版本)。

安装模块: NPM安装depcheck -g 或 纱线全局添加depcheck 运行它并找到未使用的依赖项: depcheck

这种方法的优点是您不必记住find或grep命令。

要运行而不安装使用npx:

npx depcheck 

还有一个叫做npm-check的包:

npm-check 检查过时的、不正确的和未使用的依赖项。

它是相当强大和积极发展的。它的功能之一是检查未使用的依赖项-对于这一部分，它使用了另一个答案中提到的depcheck模块。

fiskeben wrote:

缺点是它不是全自动的，也就是说它不能从包中提取包名。Json并检查它们。您需要自己为每个包执行此操作。

如果由于某种原因depcheck不能正常工作，让我们将Fiskeben的回答自动化!(例如，我尝试用Typescript，它给出了不必要的解析错误)

用于解析包。Json我们可以使用jq软件。下面的shell脚本需要一个从哪里开始的目录名。

#!/bin/bash
DIRNAME=${1:-.}
cd $DIRNAME

FILES=$(mktemp)
PACKAGES=$(mktemp)

find . \
    -path ./node_modules -prune -or \
    -path ./build -prune -or \
    \( -name "*.ts" -or -name "*.js" -or -name "*.json" \) -print > $FILES

function check {
    cat package.json \
        | jq "{} + .$1 | keys" \
        | sed -n 's/.*"\(.*\)".*/\1/p' > $PACKAGES

    echo "--------------------------"
    echo "Checking $1..."
    while read PACKAGE
    do
        RES=$(cat $FILES | xargs -I {} egrep -i "(import|require).*['\"]$PACKAGE[\"']" '{}' | wc -l)
        if [ $RES = 0 ]
        then
            echo -e "UNUSED\t\t $PACKAGE"
        else
            echo -e "USED ($RES)\t $PACKAGE"
        fi
    done < $PACKAGES
}

check "dependencies"
check "devDependencies"
check "peerDependencies"

首先，它创建两个临时文件，我们可以在其中缓存包名和文件。

它从find命令开始。第一行和第二行使它忽略node_modules和构建文件夹(或任何您想要的)。第三行包含允许的扩展名，你可以在这里添加更多，例如JSX或JSON文件。

函数将读取依赖类型。

首先，它包含了package.json。然后，jq获得所需的依赖项组。({} +是为了在文件中没有对等依赖时不会抛出错误。)

之后，sed提取引号之间的部分，即包名。-n和…/p告诉它打印匹配的部分，而不打印jq的JSON输出中的其他内容。然后将这个包名列表读入while循环。

RES是包名在引号中出现的次数。现在是import/require…“包”/“包”。大多数情况下都是这样。

然后我们简单地计算结果行数，然后打印结果。

警告:

不会在不同的导入文件，如tsconfig。Json文件(lib选项) 你必须手动grep只有^USED和未使用的文件。 对于大型项目来说很慢——shell脚本通常不能很好地扩展。但希望你不会跑这么多次。

gombog的脚本比npm-check要好得多。 我做了一点修改，所以node_modules中的devdependencies也会被找到。 示例sass从未使用过，但在sass-loader中需要

#!/bin/bash
DIRNAME=${1:-.}
cd $DIRNAME

FILES=$(mktemp)
PACKAGES=$(mktemp)

# use fd
# https://github.com/sharkdp/fd

function check {
    cat package.json \
        | jq "{} + .$1 | keys" \
        | sed -n 's/.*"\(.*\)".*/\1/p' > $PACKAGES
    echo "--------------------------"
    echo "Checking $1..."
    fd '(js|ts|json)$' -t f > $FILES
    while read PACKAGE
    do
        if [ -d "node_modules/${PACKAGE}" ]; then
            fd  -t f '(js|ts|json)$' node_modules/${PACKAGE} >> $FILES
        fi
        RES=$(cat $FILES | xargs -I {} egrep -i "(import|require|loader|plugins|${PACKAGE}).*['\"](${PACKAGE}|.?\d+)[\"']" '{}' | wc -l)

        if [ $RES = 0 ]
        then
            echo -e "UNUSED\t\t $PACKAGE"
        else
            echo -e "USED ($RES)\t $PACKAGE"
        fi
    done < $PACKAGES
}

check "dependencies"
check "devDependencies"
check "peerDependencies"

与原始脚本的结果:

--------------------------
Checking dependencies...
UNUSED           jquery
--------------------------
Checking devDependencies...
UNUSED           @types/jquery
UNUSED           @types/jqueryui
USED (1)         autoprefixer
USED (1)         awesome-typescript-loader
USED (1)         cache-loader
USED (1)         css-loader
USED (1)         d3
USED (1)         mini-css-extract-plugin
USED (1)         postcss-loader
UNUSED           sass
USED (1)         sass-loader
USED (1)         terser-webpack-plugin
UNUSED           typescript
UNUSED           webpack
UNUSED           webpack-cli
USED (1)         webpack-fix-style-only-entries

修改后:

Checking dependencies...
USED (5)         jquery
--------------------------
Checking devDependencies...
UNUSED           @types/jquery
UNUSED           @types/jqueryui
USED (1)         autoprefixer
USED (1)         awesome-typescript-loader
USED (1)         cache-loader
USED (1)         css-loader
USED (2)         d3
USED (1)         mini-css-extract-plugin
USED (1)         postcss-loader
USED (3)         sass
USED (1)         sass-loader
USED (1)         terser-webpack-plugin
USED (16)        typescript
USED (16)        webpack
USED (2)         webpack-cli
USED (2)         webpack-fix-style-only-entries