在使用vue的时候，有时候由于种种原因会使我们导入一些组件，最终却没有使用它。于是我就编写了这个php文件来找出已经导入但是未使用的组件。

为什么是php

JavaScript不能访问本地文件，node.js我不会。
如果你没用过php，但是想使用。可以自己搭建一个php环境，Windows下个wamp可以一键安装。

怎么使用

复制底部代码，编辑check.php文件的第一行，替换''里的内容为你的src路径

const PATH = '你的vue项目的src路径';

保存为check.php到www目录下，然后游览器访问http://localhost/check.php

代码

<?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 />";
 }
 }
 }
}

相关文章推荐：

怎么用Vue导出excel表格功能

利用Xdebug分析PHP程序，找出性能瓶颈