摘要:于是我就編寫了這個文件來找出已經導入但是未使用的組件。如果你沒用過,但是想使用。
這是什么
在使用vue的時候,有時候由于種種原因會使我們導入一些組件,最終卻沒有使用它。
于是我就編寫了這個php文件來找出已經導入但是未使用的組件。
JavaScript不能訪問本地文件,node.js我不會。
如果你沒用過php,但是想使用??梢宰约捍罱ㄒ粋€php環境,Windows下個wamp可以一鍵安裝。
復制底部代碼,編輯check.php文件的第一行,替換""里的內容為你的src路徑
const PATH = "你的vue項目的src路徑";
保存為check.php到www目錄下,然后游覽器訪問http://localhost/check.php
代碼$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] . " 導入但是未使用" . "
"; } } } }
https://github.com/wangshanta...
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/29122.html
摘要:于是我就編寫了這個文件來找出已經導入但是未使用的組件。如果你沒用過,但是想使用。 這是什么 在使用vue的時候,有時候由于種種原因會使我們導入一些組件,最終卻沒有使用它。于是我就編寫了這個php文件來找出已經導入但是未使用的組件。 為什么是php JavaScript不能訪問本地文件,node.js我不會。如果你沒用過php,但是想使用??梢宰约捍罱ㄒ粋€php環境,Windows下個w...
摘要:模板語法的將保持不變?;诘挠^察者機制目前,的反應系統是使用的和。為了繼續支持,將發布一個支持舊觀察者機制和新版本的構建。 showImg(https://segmentfault.com/img/remote/1460000017862774?w=1898&h=796); 還有幾個月距離vue2的首次發布就滿3年了,而vue的作者尤雨溪也在去年年末發布了關于vue3.0的計劃,如果不...
摘要:提前申明注意自己對腳手架的理解和認識,很多東西和理解都是形象上的手法,并不專業和官方一種項目構建工具,可以將和壓縮成一個文件。之后使用項目名進入項目根目錄,使用來自動安裝項目依賴。 提前申明 注意:自己對vue腳手架的理解和認識,很多東西和理解都是形象上的手法,并不專業和官方 webpack 一種項目構建工具,可以將css和js壓縮成一個文件。此外,可以提供測試用服務器。使用webpa...
閱讀 3094·2021-08-03 14:05
閱讀 2140·2019-08-29 15:35
閱讀 678·2019-08-29 13:30
閱讀 3169·2019-08-29 13:20
閱讀 2531·2019-08-23 18:15
閱讀 1797·2019-08-23 14:57
閱讀 2213·2019-08-23 13:57
閱讀 1310·2019-08-23 12:10