資訊專欄INFORMATION COLUMN
摘要：于是我就編寫了這個文件來找出已經(jīng)導(dǎo)入但是未使用的組件。如果你沒用過，但是想使用。
這是什么
在使用vue的時候，有時候由于種種原因會使我們導(dǎo)入一些組件，最終卻沒有使用它。
于是我就編寫了這個php文件來找出已經(jīng)導(dǎo)入但是未使用的組件。
JavaScript不能訪問本地文件，node.js我不會。
如果你沒用過php，但是想使用?？梢宰约捍罱ㄒ粋€php環(huán)境，Windows下個wamp可以一鍵安裝。
復(fù)制底部代碼，編輯check.php文件的第一行，替換""里的內(nèi)容為你的src路徑
const PATH = "你的vue項(xiàng)目的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內(nèi)導(dǎo)入?yún)s未使用的組件
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) . " 內(nèi)組件 " . $originComponents[$k] . " 導(dǎo)入但是未使用" . "
";
}
}
}
}
https://github.com/wangshanta...
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/29122.html
摘要：于是我就編寫了這個文件來找出已經(jīng)導(dǎo)入但是未使用的組件。如果你沒用過，但是想使用。 這是什么 在使用vue的時候，有時候由于種種原因會使我們導(dǎo)入一些組件，最終卻沒有使用它。于是我就編寫了這個php文件來找出已經(jīng)導(dǎo)入但是未使用的組件。 為什么是php JavaScript不能訪問本地文件，node.js我不會。如果你沒用過php，但是想使用。可以自己搭建一個php環(huán)境，Windows下個w...
摘要：和類似的預(yù)處理器還有等。的用處非常多，包括給自動加前綴使用下一代語法等，目前越來越多的人開始用它，它很可能會成為預(yù)處理器的最終贏家。 webpack實(shí)戰(zhàn) 查看所有文檔頁面：全棧開發(fā)，獲取更多信息?？祚R加鞭，加班加點(diǎn)，終于把這個文檔整理出來了，順便深入地學(xué)習(xí)一番，鞏固知識，就是太累人，影響睡眠時間和質(zhì)量。極客就是想要把事情做到極致，開始了就必須到達(dá)終點(diǎn)。 原文鏈接：webpack實(shí)戰(zhàn)，原...
摘要：模板語法的將保持不變?；诘挠^察者機(jī)制目前，的反應(yīng)系統(tǒng)是使用的和。為了繼續(xù)支持，將發(fā)布一個支持舊觀察者機(jī)制和新版本的構(gòu)建。 showImg(https://segmentfault.com/img/remote/1460000017862774?w=1898&h=796); 還有幾個月距離vue2的首次發(fā)布就滿3年了，而vue的作者尤雨溪也在去年年末發(fā)布了關(guān)于vue3.0的計(jì)劃，如果不...
摘要：提前申明注意自己對腳手架的理解和認(rèn)識，很多東西和理解都是形象上的手法，并不專業(yè)和官方一種項(xiàng)目構(gòu)建工具，可以將和壓縮成一個文件。之后使用項(xiàng)目名進(jìn)入項(xiàng)目根目錄，使用來自動安裝項(xiàng)目依賴。 提前申明 注意：自己對vue腳手架的理解和認(rèn)識，很多東西和理解都是形象上的手法，并不專業(yè)和官方 webpack 一種項(xiàng)目構(gòu)建工具，可以將css和js壓縮成一個文件。此外，可以提供測試用服務(wù)器。使用webpa...
閱讀 3108·2021-08-03 14:05
閱讀 2153·2019-08-29 15:35
閱讀 690·2019-08-29 13:30
閱讀 3177·2019-08-29 13:20
閱讀 2544·2019-08-23 18:15
閱讀 1808·2019-08-23 14:57
閱讀 2227·2019-08-23 13:57
閱讀 1322·2019-08-23 12:10
