> 웹 프론트엔드 > JS 튜토리얼 > PHP를 사용하여 가져왔지만 Vue에서 사용되지 않은 구성 요소를 찾는 방법

PHP를 사용하여 가져왔지만 Vue에서 사용되지 않은 구성 요소를 찾는 방법

不言
풀어 주다: 2018-08-01 11:25:20
원래의
1606명이 탐색했습니다.

이 글은 가져왔지만 Vue에서 사용되지 않은 컴포넌트를 찾기 위해 PHP를 사용하는 방법을 소개합니다. 필요한 친구들이 참고할 수 있기를 바랍니다.

vue를 사용할 때 여러 가지 이유로 일부 구성 요소를 가져왔지만 사용하지 않는 경우가 있습니다. 그래서 저는 가져왔지만 사용되지 않은 구성 요소를 찾기 위해 이 PHP 파일을 작성했습니다.

php는 왜

JavaScript는 로컬 파일에 액세스할 수 없고 node.js를 모릅니다.
PHP를 한번도 사용해본 적이 없는데, PHP를 사용해 보고 싶다면. PHP 환경을 직접 구축할 수 있고, Wamp는 원클릭으로 Windows 하에 설치할 수 있습니다.

사용 방법

하단 코드를 복사하고, check.php 파일의 첫 번째 줄을 편집하고, ''의 내용을 src 경로로 바꾸세요

const PATH = '你的vue项目的src路径';
로그인 후 복사
#🎜 🎜#www 디렉터리에 check.php로 저장한 후 http://localhost/check.php

code

<?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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿