이 글은 가져왔지만 Vue에서 사용되지 않은 컴포넌트를 찾기 위해 PHP를 사용하는 방법을 소개합니다. 필요한 친구들이 참고할 수 있기를 바랍니다.
vue를 사용할 때 여러 가지 이유로 일부 구성 요소를 가져왔지만 사용하지 않는 경우가 있습니다. 그래서 저는 가져왔지만 사용되지 않은 구성 요소를 찾기 위해 이 PHP 파일을 작성했습니다.
JavaScript는 로컬 파일에 액세스할 수 없고 node.js를 모릅니다.
PHP를 한번도 사용해본 적이 없는데, PHP를 사용해 보고 싶다면. PHP 환경을 직접 구축할 수 있고, Wamp는 원클릭으로 Windows 하에 설치할 수 있습니다.
하단 코드를 복사하고, check.php 파일의 첫 번째 줄을 편집하고, ''의 내용을 src 경로로 바꾸세요
const PATH = '你的vue项目的src路径';#🎜 🎜#www 디렉터리에 check.php로 저장한 후 http://localhost/check.phpcode
<?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 />"; } } } }
위 내용은 PHP를 사용하여 가져왔지만 Vue에서 사용되지 않은 구성 요소를 찾는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!