找出vue裏已經導入可是未使用的組件

這是什麼

在使用vue的時候,有時候因爲種種緣由會使咱們導入一些組件,最終卻沒有使用它。
因而我就編寫了這個php文件來找出已經導入可是未使用的組件。php

爲何是php

JavaScript不能訪問本地文件,node.js我不會。
若是你沒用過php,可是想使用。能夠本身搭建一個php環境,Windows下個wamp能夠一鍵安裝。vue

怎麼使用

複製底部代碼,編輯check.php文件的第一行,替換''裏的內容爲你的src路徑node

const PATH = '你的vue項目的src路徑';

保存爲check.php到www目錄下,而後遊覽器訪問http://localhost/check.phpgit

代碼

<?php
const PATH = '你的vue項目的src路徑';

getPath(my_dir(PATH), PATH);
echo '------------------------end------------------------';

// 遍歷目錄下全部文件夾和文件
function my_dir($dir)
{
    $files = array();
    if (@$handle = opendir($dir)) { //注意這裏要加一個@,否則會有warning錯誤提示:)
        while (($file = readdir($handle)) !== false) {
            if ($file != ".." && $file != ".") { //排除根目錄;
                if (is_dir($dir . "/" . $file)) { //若是是子文件夾,就進行遞歸
                    $files[$file] = my_dir($dir . "/" . $file);
                } else { //否則就將文件的名字存入數組;
                    $files[] = $file;
                }

            }
        }
        closedir($handle);
        return $files;
    } else {
        echo '文件夾路徑有誤,請檢查路徑';
        exit(0);
    }
}

// 根據遍歷的內容找出路徑 若是是vue文件就遍歷他
function getPath($t, $path = '')
{
    if (is_array($t)) {
        foreach ($t as $k => $v) {
            if (is_array($v)) {
                getPath($v, $path . '/' . $k);
            } else if (is_string($v) && strpos($v, '.vue') !== false) {
                searchNoUseComponents($path . '/' . $v);
            }
        }
    }
}

// 把駝峯改爲短橫線分隔命名
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內導入卻未使用的組件
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) . ' 內組件 ' . $originComponents[$k] . ' 導入可是未使用' . "<br />";
            }
        }
    }
}
https://github.com/wangshanta...
相關文章
相關標籤/搜索