ホームページ > ウェブフロントエンド > jsチュートリアル > PHP を使用して、インポートされたが Vue で使用されていないコンポーネントを検索する方法

PHP を使用して、インポートされたが Vue で使用されていないコンポーネントを検索する方法

不言
リリース: 2018-08-01 11:25:20
オリジナル
1606 人が閲覧しました

この記事では、インポートされているが Vue で使用されていないコンポーネントを PHP を使用して検索する方法を紹介します。必要な方は参考にしていただければ幸いです。

vue を使用するとき、さまざまな理由により、いくつかのコンポーネントをインポートしたものの、最終的に使用されなくなることがあります。そこで、インポートされたが未使用のコンポーネントを見つけるために、この PHP ファイルを作成しました。

なぜphp

JavaScriptがローカルファイルにアクセスできないのか、node.jsがわかりません。
phpを使ったことはないが、使ってみたい方。 php 環境は自分で構築でき、wamp は Windows にワンクリックでインストールできます。

使用方法

一番下のコードをコピーし、check.phpファイルの最初の行を編集し、''内の内容をsrcパスに置き換えます

const PATH = '你的vue项目的src路径';
ログイン後にコピー

wwwディレクトリにcheck.phpとして保存し、アクセスしますブラウザでhttp: //localhost/check.php

コード

<?php
const PATH = &#39;你的vue项目的src路径&#39;;

getPath(my_dir(PATH), PATH);
echo &#39;------------------------end------------------------&#39;;

// 遍历目录下所有文件夹和文件
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 &#39;文件夹路径有误,请检查路径&#39;;
        exit(0);
    }
}

// 根据遍历的内容找出路径 如果是vue文件就遍历他
function getPath($t, $path = &#39;&#39;)
{
    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, '<&#39; . $v) === false) {
                echo ltrim($path, PATH) . &#39; 内组件 &#39; . $originComponents[$k] . &#39; 导入但是未使用&#39; . "<br />";
            }
        }
    }
}
ログイン後にコピー

おすすめ関連記事:

Vueを使ってExcelのテーブル関数をエクスポートする方法

Xdebugを使ってPHPプログラムを分析し、パフォーマンスを調べるボトルネック

以上がPHP を使用して、インポートされたが Vue で使用されていないコンポーネントを検索する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート