找出vue里已經(jīng)導(dǎo)入但是未使用的組件

biaoxiaoduan 發(fā)布于2019-08-23 10:28 / 2793人閱讀

摘要：于是我就編寫(xiě)了這個(gè)文件來(lái)找出已經(jīng)導(dǎo)入但是未使用的組件。如果你沒(méi)用過(guò)，但是想使用。

這是什么

在使用vue的時(shí)候，有時(shí)候由于種種原因會(huì)使我們導(dǎo)入一些組件，最終卻沒(méi)有使用它。
于是我就編寫(xiě)了這個(gè)php文件來(lái)找出已經(jīng)導(dǎo)入但是未使用的組件。

為什么是php

JavaScript不能訪(fǎng)問(wèn)本地文件，node.js我不會(huì)。
如果你沒(méi)用過(guò)php，但是想使用。可以自己搭建一個(gè)php環(huán)境，Windows下個(gè)wamp可以一鍵安裝。

怎么使用

復(fù)制底部代碼，編輯check.php文件的第一行，替換""里的內(nèi)容為你的src路徑

const PATH = "你的vue項(xiàng)目的src路徑";

保存為check.php到www目錄下，然后游覽器訪(fǎng)問(wèn)http://localhost/check.php

代碼

 $v) {
            if (is_array($v)) {
                getPath($v, $path . "/" . $k);
            } else if (is_string($v) && strpos($v, ".vue") !== false) {
                searchNoUseComponents($path . "/" . $v);
            }
        }
    }
}

// 把駝峰改成短橫線(xiàn)分隔命名
function humpToLine($str)
{
    $str = lcfirst($str);
    $str = preg_replace_callback("/(([A-Z]|[0-9]){1})/", function ($matches) {
        return "-" . strtolower($matches[0]);
    }, $str);
    return $str;
}

// 尋找vue內(nèi)導(dǎo)入?yún)s未使用的組件
function searchNoUseComponents($path)
{
    if (file_exists($path)) {
        $flag = 0;
        $myFile = fopen($path, "r");
        $components = [];
        $originComponents = [];
        while (!feof($myFile)) {
            $line = fgets($myFile);
            if (strpos($line, "components: {}") !== false) {
                break;
            } else if (strpos($line, "components: {") !== false) {
                $flag = 1;
            } else if ($flag == 1 && strpos($line, "}") === false) {
                $components[] = humpToLine(trim(trim($line), ","));
                $originComponents[] = trim(trim($line), ",");
            } else if ($flag == 1 && strpos($line, "}") !== false) {
                break;
            }
        }
        fclose($myFile);
        $res = fopen($path, "r");
        $vue = fread($res, filesize($path));
        foreach ($components as $k => $v) {
            if (strpos($vue, "<" . $v) === false) {
                echo ltrim($path, PATH) . " 內(nèi)組件 " . $originComponents[$k] . " 導(dǎo)入但是未使用" . "
";
            }
        }
    }
}