厨房人妻hd中文字幕,ysl蜜桃色成人麻豆

在Laravel中縮小CSS的目的是什麼？它涉及刪除不必要的字符，例如從CSS文件中的空格，評論和線路中斷。此過程減少了CSS文件的大小，這又減少了需要傳輸給客戶端的數(shù)據(jù)量。這可以顯著改善您的網(wǎng)站或應(yīng)用程序的負(fù)載時(shí)間，提供更好的用戶體驗(yàn)。

>在Laravel中縮小CSS時(shí)可能會遇到的潛在問題？

如果在CSS Minification期間遇到問題，我如何在CSS Minification in Laravel中的CSS Minification中調(diào)試問題？在Laravel中，您可以使用Laravel Mix的源地圖功能進(jìn)行調(diào)試。源地圖是將縮小的CSS文件映射回原始源文件的文件，使您可以輕鬆地跟蹤和解決任何問題。

css Minification可以顯著提高性能您的Laravel申請。通過減少CSS文件的大小，您可以減少需要傳輸?shù)娇蛻舳说臄?shù)據(jù)量。這可能會導(dǎo)致加載時(shí)間更快，提供更好的用戶體驗(yàn)。

>縮放和串聯(lián)CSS文件之間有什麼區(qū)別？不必要的字符降低大小，同時(shí)串聯(lián)CSS文件涉及將多個(gè)CSS文件組合到一個(gè)文件中。這兩個(gè)過程都可以幫助優(yōu)化您的Laravel應(yīng)用程序，但它們的目的不同。縮小縮小每個(gè)單獨(dú)的CSS文件的大小，同時(shí)通過將多個(gè)文件組合到一個(gè)。

首頁

後端開發(fā)

php教程

如何創(chuàng)建Laravel CSS-Minify命令

Joseph Gordon-Levitt

Feb 21, 2025 am 08:30 AM

如何創(chuàng)建Laravel CSS-Minify命令

>在本文中，您將學(xué)習(xí)如何使用Laravel的Artisan命令行工具以及如何創(chuàng)建自定義命令。請注意，您需要熟悉Laravel框架才能充分利用本文。

鑰匙要點(diǎn)

利用Laravel Artisan：利用Laravel的Artisan命令行工具為CSS Minification創(chuàng)建自定義命令，提高了Web開發(fā)項(xiàng)目的工作流效率。
>自定義命令創(chuàng)建：輕鬆地使用`php工匠命令：用命名，存儲和命名區(qū)的選項(xiàng)創(chuàng)建自定義命令，允許在Laravel應(yīng)用程序中量身定制功能。
縮小選項(xiàng)：在您的命令中實(shí)現(xiàn)選項(xiàng)來處理CSS文件串聯(lián)和評論保存，提供了基於不同開發(fā)需求的靈活性。
命令註冊：確保在Laravel的Artisan系統(tǒng)中註冊您的新命令，以使其可執(zhí)行，無論是通過'artisan.php`文件還是用於包裝開發(fā)的服務(wù)提供商。
執(zhí)行和輸出：使用命令來縮小CSS文件，並具有可選的串聯(lián)和註釋保存標(biāo)誌，並在執(zhí)行過程中提高命令反饋。

我們在建造什麼

在本教程中，我們將構(gòu)建一個(gè)命令來縮小我們的CSS資產(chǎn)，將其使用：

<span>cssmin 'output_path' 'file1'...'fileN' --comments --concat</span>

output_path ：（必需）保存縮小文件的路徑，（style.css-> style.min.css）。

file1 ... fileen ：（必需）要縮小的文件列表。
- 註釋：（可選）添加此選項(xiàng)以保持註釋。
- concat ：（可選）將縮小文件串成一個(gè)名為all.min.css的文件
什麼是laravel命令

創(chuàng)建CSS minifier命令

要創(chuàng)建一個(gè)工匠命令，您可以使用命令：make命令。此命令接受一個(gè)參數(shù)：

>名稱：命令的類名稱。

和三個(gè)選項(xiàng)：

- 路徑：默認(rèn)情況下，命令存儲在應(yīng)用程序/命令文件夾中，但是，您可以使用此選項(xiàng)更改該命令。

- 名稱空間：您可以使用此選項(xiàng)來命名您的一組命令，例如在命令命令中：make，make命令在命令名稱空間下。

>>>>>>>>>>
```
cssmin 'output_path' 'file1'...'fileN' --comments --concat
```
我們的cssmincommand類擴(kuò)展了IlluminateConsolecommand並覆蓋兩種方法（getArguments，getOptions）。
>
- > getArguments：此功能返回應(yīng)該傳遞給命令的一系列參數(shù)（例如：我們傳遞給CSSMIN命令的文件列表）。
注意：選項(xiàng)可能具有或可能沒有值， - comments只是一個(gè)標(biāo)誌，如果將其傳遞給命令，則返回true，而-ouptput ='public/public/Assets'將返回一個(gè)值。
>
執(zhí)行您的命令時(shí)，將調(diào)用火法，因此我們需要放置命令邏輯。

註冊命令

如果您嘗試運(yùn)行我們的命令PHP Artisan cssmin'Args'您將獲得命令“ CSSMIN”。
要註冊一個(gè)命令，您需要將其添加到artisan.php文件：
>

>如果您不想將命令放入artisan.php文件中，則可以創(chuàng)建一個(gè)單獨(dú)的文件並包含它，或者如果您創(chuàng)建一個(gè)軟件包，則可以在服務(wù)提供商中註冊。
參數(shù)
在我們的getArguments方法中，我們將定義輸出和文件。
```
use Illuminate\Console\Command;
use Symfony\Component\Console\Input\InputOption;
use Symfony\Component\Console\Input\InputArgument;

class CssminCommand extends Command{
 protected $name = 'cssmin';
 protected $description = 'Command description.';
 
 public function __construct(){
		parent::__construct();
	}
 
 public function fire(){
		//
	}
	
	protected function getArguments(){
		return array(
			array('example', InputArgument::REQUIRED, 'An example argument.'),
		);
	}
 
	protected function getOptions(){
		return array(
			array('example', null, InputOption::VALUE_OPTIONAL, 'An example option.', null),
		);
	}
}
```
要定義一個(gè)參數(shù)，我們需要傳遞一系列值：
名稱：檢索參數(shù)時(shí)要使用的密鑰名稱。
>

模式：可以具有三個(gè)選項(xiàng)之一：
>
```
Artisan::add( new CssMinCommand );

//or through the container
Artisan::add( App::make("CssMinCommand") );
```
- Inputargument ::可選：參數(shù)是可選的。
- inputargument :: is_array：參數(shù)接受多個(gè)值（ex：file1 ... fileen）。
 但是，您可以將它們結(jié)合起來，例如Inputargument :: iS_array | InputArgument ::必需（必需參數(shù)，必須是一個(gè)數(shù)組）。
 
 >
 >描述：打印命令幫助時(shí)有用。
 
 > defaultValue：如果未提供參數(shù)。
 >
 
 ，所以我們的getArguments方法將是：
 >
```
array( 'name', 'mode', 'description', 'defaultValue' )
```
>名稱：您選項(xiàng)的名稱（例如：註釋）。
>
快捷方式：您選項(xiàng)的較短版本（例如： - Verbose和-v）。
>

模式：可以是四個(gè)選項(xiàng)之一（inputoption :: value_is_array，inputoption :: value_optional，inputoption :: value_required，inputoption :: value_none），前三個(gè)值與參數(shù)相似。
```
protected function getArguments(){
 return array(
 array(
 'output', 
 InputArgument::REQUIRED,
 'Path to output directory'
 ),
 array(
 'files', 
 InputArgument::IS_ARRAY | InputArgument::OPTIONAL ,
 "List of css files to minify"
 ),
 );
 }
```
value_none：指示該選項(xiàng)是布爾旗（ex： - verbose）。
- 描述：在打印命令幫助時(shí)有用。
- >
- >
 
 ，所以我們的getOptions方法將是：
 >
 
 cssmin 'output_path' 'file1'...'fileN' --comments --concat
 
 >運(yùn)行命令
 
 當(dāng)我們的火法被稱為時(shí)，我們需要收集我們的論點(diǎn)和選擇。我們可以單獨(dú)的功能為我們做到這一點(diǎn)：
 >
 use Illuminate\Console\Command; use Symfony\Component\Console\Input\InputOption; use Symfony\Component\Console\Input\InputArgument; class CssminCommand extends Command{ protected $name = 'cssmin'; protected $description = 'Command description.'; public function __construct(){ parent::__construct(); } public function fire(){ // } protected function getArguments(){ return array( array('example', InputArgument::REQUIRED, 'An example argument.'), ); } protected function getOptions(){ return array( array('example', null, InputOption::VALUE_OPTIONAL, 'An example option.', null), ); } }
 
 參數(shù)和選項(xiàng)方法以鍵作為參數(shù)並返回適當(dāng)?shù)闹怠?>
 為了保持我們的示例清潔和簡單，我們將使用此簡單功能和小的修改來進(jìn)行縮小過程。
 
 Artisan::add( new CssMinCommand ); //or through the container Artisan::add( App::make("CssMinCommand") );
 現(xiàn)在要處理我們的參數(shù)（文件），我們將製作一個(gè)單獨(dú)的方法來完成這項(xiàng)工作。 >
 
 >最後，我們的火法只會調(diào)用這兩種方法：>
 array( 'name', 'mode', 'description', 'defaultValue' )
 
 提示：您也可以使用呼叫方法運(yùn)行外部命令。 >
 
 protected function getArguments(){ return array( array( 'output', InputArgument::REQUIRED, 'Path to output directory' ), array( 'files', InputArgument::IS_ARRAY | InputArgument::OPTIONAL , "List of css files to minify" ), ); }
 要測試我們的命令，我們將將一些CSS文件複製到我們的public/css目錄中，然後運(yùn)行命令。
 
 第一個(gè)命令將在public/css目錄上創(chuàng)建兩個(gè)文件（style.min.css，willsive.min.css）。
 array('name', 'shortcut', 'mode', 'description', 'defaultValue')
 >
 因?yàn)槲覀兪褂昧?- comments和 - concat標(biāo)誌，所以我們將獲得一個(gè)名為all.min.css的文件，其中包含兩個(gè)文件，其中剩下的兩個(gè)文件。
 >
 protected function getOptions(){ return array( array('comments', 'c', InputOption::VALUE_NONE, 'Don\'t strip comments' , null), array('concat', null, InputOption::VALUE_NONE, 'Concat the minified result to one file' , null), ); }
 我們的命令不是很描述性，也不提供任何消息或通知！
 >
 改進(jìn)命令
 在我們繼續(xù)之前，在最終的github存儲庫之前，我將為我們的命令創(chuàng)建一個(gè)新標(biāo)籤，以便您可以切換和測試每個(gè)標(biāo)籤。
 使命令有點(diǎn)冗長，Laravel為我們提供了一些輸出功能：
 
 這將輸出：
 
 在僅顯示消息之外，您可以向用戶詢問信息，例如：>
 
 private function init(){ // retrun an array $this->files = $this->argument('files'); // return a string $this->output_path = $this->argument('output'); // return true if passed, otherwise false $this->comments = $this->option('comments'); // return true if passed, otherwise false $this->concat = $this->option('concat'); }
 如果用戶類型與y/n。
 >
 詢問方法將向用戶詢問輸入，而不僅僅是y/n，如果將其留為空，則返回默認(rèn)值。
 >選擇方法將為用戶提供一個(gè)編號列表以供您選擇，如果將其剩下，則返回默認(rèn)值。
 >
 秘密方法將提示用戶提出問題並隱藏鍵入，但是將返回用戶輸入。
 
 private function minify( $css, $comments ){ // Normalize whitespace $css = preg_replace( '/\s+/', ' ', $css ); // Remove comment blocks, everything between /* and */, unless preserved with /*! ... */ if( !$comments ){ $css = preg_replace( '/\/\*[^\!](.*?)\*\//', '', $css ); }//if // Remove ; before } $css = preg_replace( '/;(?=\s*})/', '', $css ); // Remove space after , : ; { } */ > $css = preg_replace( '/(,|:|;|\{|}|\*\/|>) /', '', $css ); // Remove space before , ; { } ( ) > $css = preg_replace( '/ (,|;|\{|}|$|$|>)/', '', $css ); // Strips leading 0 on decimal values (converts 0.5px into .5px) $css = preg_replace( '/(:| )0\.([0-9]+)(%|em|ex|px|in|cm|mm|pt|pc)/i', '.', $css ); // Strips units if value is 0 (converts 0px to 0) $css = preg_replace( '/(:| )(\.?)0(%|em|ex|px|in|cm|mm|pt|pc)/i', '0', $css ); // Converts all zeros value into short-hand $css = preg_replace( '/0 0 0 0/', '0', $css ); // Shortern 6-character hex color codes to 3-character where possible $css = preg_replace( '/#([a-f0-9])\1([a-f0-9])\2([a-f0-9])\3/i', '#', $css ); return trim( $css ); }//minify
 實(shí)際上，Laravel只是使Symfony的遊戲機(jī)API更簡單，更詳細(xì)，如果您想挖進(jìn)去，還有更多。
 >
 >讓我們的命令更加詳細(xì)，並使用戶對執(zhí)行的任務(wù)進(jìn)行更新。 >
 
 我們的功能現(xiàn)在打印一些有用的消息，以跟蹤正在發(fā)生的事情。 >
 
 注意：這將在GitHub存儲庫上標(biāo)記為我們命令的V2。
 創(chuàng)建應(yīng)用程序時(shí)，我們被用來傾倒可用路由的列表（PHP Artisan路線）。
 
 Symfony提供了一個(gè)函數(shù)，可讓您輕鬆打印這樣的桌子。檢查文檔中的示例。我們將看到接下來如何使用一些Symfony控制臺助手。
 >
 使用Symfony Console Helper
 為了說明某些符號助手的使用，我們將使用進(jìn)度助手來保持用戶有關(guān)工作進(jìn)度的最新信息。
 在我們的初始方法結(jié)束時(shí)，我們將需要從助手那裡取得進(jìn)度，然後開始我們的進(jìn)度標(biāo)準(zhǔn)。
 
 啟動方法接受兩個(gè)參數(shù)，$ this->輸出是Symfony控制臺中的consoleouput實(shí)例。第二個(gè)參數(shù)是最大步驟數(shù)。
 >
 
 cssmin 'output_path' 'file1'...'fileN' --comments --concat
 >每次我們在processFiles方法中處理文件時(shí)，我們都會將進(jìn)度欄推進(jìn)一步，當(dāng)作業(yè)完成時(shí)，我們將結(jié)束進(jìn)度欄並打印通知消息。
 
 >您可以嘗試使用多個(gè)文件的命令或刪除睡眠功能線以查看實(shí)時(shí)效果。
 
 use Illuminate\Console\Command; use Symfony\Component\Console\Input\InputOption; use Symfony\Component\Console\Input\InputArgument; class CssminCommand extends Command{ protected $name = 'cssmin'; protected $description = 'Command description.'; public function __construct(){ parent::__construct(); } public function fire(){ // } protected function getArguments(){ return array( array('example', InputArgument::REQUIRED, 'An example argument.'), ); } protected function getOptions(){ return array( array('example', null, InputOption::VALUE_OPTIONAL, 'An example option.', null), ); } }
 
 注意：此版本將在最終存儲庫上標(biāo)記為V3。
 結(jié)論在本文中，我們了解瞭如何創(chuàng)建和擴(kuò)展Laravel命令。 Laravel有很多可以探索的內(nèi)置命令，您還可以檢查我們在Github上的最終存儲庫以測試最終結(jié)果。問題？評論？您想查看更多工匠司令部教程嗎？讓我們知道！
 
 Laravel CSS Minify Command
 上的常見問題（常見問題解答）
 在Laravel中縮小CSS的目的是什麼？它涉及刪除不必要的字符，例如從CSS文件中的空格，評論和線路中斷。此過程減少了CSS文件的大小，這又減少了需要傳輸給客戶端的數(shù)據(jù)量。這可以顯著改善您的網(wǎng)站或應(yīng)用程序的負(fù)載時(shí)間，提供更好的用戶體驗(yàn)。
 
 > Laravel Mix如何幫助CSS Minification？
 
 Laravel Mix是一種功能強(qiáng)大的工具，可提供流利的工具用於定義WebPack的API為您的Laravel應(yīng)用程序構(gòu)建步驟。它支持幾個(gè)常見的CSS和JavaScript前處理器，包括縮小。通過使用Laravel Mix，您可以輕鬆地使用單個(gè)命令來縮小CSS文件，而無需手動刪除不必要的字符。這不僅節(jié)省了時(shí)間，而且還可以確保您的CSS文件盡可能優(yōu)化。
 我可以在不使用laravel mix的情況下縮小CSS文件嗎？
 是的，您可以在不使用laravel的情況下縮小CSS文件混合。有幾種在線工具和NPM軟件包可以幫助您縮小CSS文件。但是，建議使用Laravel Mix，因?yàn)樗cLaravel無縫集成，並提供了一種簡單便捷的方法來管理和優(yōu)化您的CSS文件。
 >
 >在Laravel中縮小CSS時(shí)可能會遇到的潛在問題？
 
 > >在Laravel中縮小CSS通常是一個(gè)簡單的過程，如果您的CSS文件包含語法錯(cuò)誤，您可能會遇到問題。這些錯(cuò)誤會導(dǎo)致縮小過程失敗，從而導(dǎo)致不優(yōu)化的CSS文件。因此，重要的是要確保您的CSS文件在嘗試縮小它們之前是無錯(cuò)誤的。
 
 如果在CSS Minification期間遇到問題，我如何在CSS Minification in Laravel中的CSS Minification中調(diào)試問題？在Laravel中，您可以使用Laravel Mix的源地圖功能進(jìn)行調(diào)試。源地圖是將縮小的CSS文件映射回原始源文件的文件，使您可以輕鬆地跟蹤和解決任何問題。
 
 我可以在Laravel中自動化CSS Minification的過程？是的，您可以使用Laravel Mix的版本控制功能來自動化Laravel中CSS縮小的過程。每當(dāng)您運(yùn)行生產(chǎn)構(gòu)建命令時(shí)，此功能都會自動減小CSS文件。這樣可以確保您的CSS文件始終得到優(yōu)化，而無需每次手動縮小它們。
 
 > CSS Minification如何影響我的Laravel應(yīng)用程序的性能？
 
 css Minification可以顯著提高性能您的Laravel申請。通過減少CSS文件的大小，您可以減少需要傳輸?shù)娇蛻舳说臄?shù)據(jù)量。這可能會導(dǎo)致加載時(shí)間更快，提供更好的用戶體驗(yàn)。
 
 >我可以使用Laravel Mix縮小其他類型的文件嗎？
 是的，除了CSS文件，也可以使用Laravel Mix縮小JavaScript文件。這可以進(jìn)一步優(yōu)化您的Laravel應(yīng)用程序，減少需要將需要傳輸?shù)娇蛻舳说臄?shù)據(jù)量。
 >縮放和串聯(lián)CSS文件之間有什麼區(qū)別？不必要的字符降低大小，同時(shí)串聯(lián)CSS文件涉及將多個(gè)CSS文件組合到一個(gè)文件中。這兩個(gè)過程都可以幫助優(yōu)化您的Laravel應(yīng)用程序，但它們的目的不同?？s小縮小每個(gè)單獨(dú)的CSS文件的大小，同時(shí)通過將多個(gè)文件組合到一個(gè)。
 
 >我如何確保如何正確提供我的CSS文件？為了確保正確提供了縮小的CSS文件，您可以使用Laravel Mix的版本操作功能。此功能將唯一的哈希附加到您縮小的CSS文件的文件名上，以確?？蛻舳耸冀K接收您的CSS文件的最新版本。