資産を編集するLaravelの方法であるElixirに会います
ElixirでLaravelワークフローを合理化:包括的なガイド
多くのWeb開発者は、さまざまなツールを利用してワークフローを強化し、無駄のないコードベースを維持しています。ただし、CSSやJavaScript Preprocessorsなどのコンピレーションを必要とするツールは、プロセスを遅くすることがあります。 これは、GulpやElixirのようなタスクランナーが輝く場所です。 このチュートリアルでは、特にLaravelフレームワーク内でGulpタスク管理を簡素化するために設計されたJeffrey Wayによって構築されたユーザーフレンドリーなnode.jsツールであるElixirを探索します。
Elixirは、Clean Node.jsインターフェイス内でGulp Taskをラッピングすることにより、アセットコンパイルを合理化します。
インストールにはnode.js、gulp、および- パッケージ(npm経由)が必要です。
- Elixirはデフォルトのソースと出力パスを使用しますが、これらはメソッド引数または構成オブジェクトを介してカスタマイズ可能です。 組み込みサポートには、CSSプリプロセッサコンパイル、JavaScript処理、および資産バージョン化が含まれます。
- カスタムタスクは、ElixirのAPIを使用して簡単に作成され、Laravelのブレードテンプレートとシームレスに統合されます。
Elixirはワークフローを自動化および合理化し、さまざまなCSSやJavaScriptの前処理をサポートし、Laravel開発効率を高めます。
laravel-elixir
- 前提条件とインストール:
- node.js:
- gulpがnode.js内で実行されるので不可欠 Homesteadの改善されたユーザーはすでにこれを持っています
elixirはgulpに依存しています。 NPMを使用してグローバルにインストール:(Homestead経由ですでにインストールされていない限り)。
laravel elixir:- laravelプロジェクトには、通常
- in が含まれます。プロジェクトのrootディレクトリ内にを使用してインストールします。 非laravel環境の場合:
-
npm install --global gulp
開始する前に: -
elixirはソースファイル(、
laravel-elixir
、package.json
など)がnpm install
に存在し、デフォルトでnpm install laravel-elixir --save
に出力されます。 - 、
、単一のファイル、ワイルドカード、配列、または引数なし(デフォルトディレクトリ内のすべてのファイルに対して)。
sass()
less()
coffee()
カスタムソース/出力パス: -
引数:2番目の引数は、出力ディレクトリを指定します:
プレフィックスelixir(function(mix) { mix.less(['file1.less', 'file2.less'], 'custom/path'); });
ログイン後にコピー
elixirタスクは、gulpfile.js
関数を使用してelixir
関数を使用して定義されています。
mix
アレイまたはワイルドカードを渡す
elixir(function(mix) { mix.less('styles.less'); });
に連結します。 単一のファイル名は、同じ名前の出力ファイルになります。 これらのデフォルトはカスタマイズ可能です。app.css
app.js
- コンパイルを減らす:
elixir(function(mix) { mix.less("styles.less"); });
。 SASSコンピレーションはresources/assets/less/styles.less
を使用します。 Elixirはベンダーのプレフィックスを処理します
public/css/styles.css
mix.sass()
elixir(function(mix) { mix.coffee(['controllers.coffee', 'services.coffee']); });
resources/assets/coffee/
高度なテクニック:public/js/app.js
複数のファイル:
- プロジェクトルートに関連するパスを指定する。
- >
./
config Object:オブジェクトで および -
css.output
js.output
連結:JavaScriptを使用し、CSSの場合はconfig
を使用します。 これらは、コンピレーション方法と同様に、ソースと出力パスの引数を受け入れます。 指定されたディレクトリ内のすべてのファイルを連結します。
bladeにjade:scripts()メソッドは、Jadeをコンパイルしてテンプレートをブレードします
styles()
scriptsIn()
stylesIn()
ヘルパーを使用して、バージョンされたファイルを参照してください。
laravel-elixir-jade
npm install laravel-elixir-jade@0.1.8 --save-dev
構成:jade()
elixirの動作は、
ファイルを作成してデフォルトをオーバーライドします。
mix.version()
elixir()
カスタムタスク:
現実世界のシナリオ(laravel/angular):
このセクションでは、Laravel/AngularプロジェクトのElixirの機能を示す完全な例を詳しく説明しています。 Elixirの構成、CompeeScriptのコンパイル、JadeをBladeにコンパイルし、資産をバージョンすることをカバーしています。 完全なgulpfile.js
が提供され、メソッドチェーンを紹介します。
タスクの実行:
すべてのElixirタスクを実行するgulp
実行。 gulp watch
変更のファイルを監視し、タスクを自動的に実行します。 個々のタスクを実行できます(例:gulp less
)。 マイニフィスにgulp --production
を使用します。
結論:
Elixirは、GULPタスク管理を簡素化し、一般的なアセットコンパイルタスクにユーザーフレンドリーなインターフェイスを提供します。 Laravelとの柔軟性、カスタマイズ可能性、統合により、開発ワークフローを合理化するための貴重なツールになります。 このガイドは包括的な概要を提供しますが、高度な機能についてはElixirのドキュメントのさらなる調査をお勧めします。
以上が資産を編集するLaravelの方法であるElixirに会いますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











JWTは、JSONに基づくオープン標準であり、主にアイデンティティ認証と情報交換のために、当事者間で情報を安全に送信するために使用されます。 1。JWTは、ヘッダー、ペイロード、署名の3つの部分で構成されています。 2。JWTの実用的な原則には、JWTの生成、JWTの検証、ペイロードの解析という3つのステップが含まれます。 3. PHPでの認証にJWTを使用する場合、JWTを生成および検証でき、ユーザーの役割と許可情報を高度な使用に含めることができます。 4.一般的なエラーには、署名検証障害、トークンの有効期限、およびペイロードが大きくなります。デバッグスキルには、デバッグツールの使用とロギングが含まれます。 5.パフォーマンスの最適化とベストプラクティスには、適切な署名アルゴリズムの使用、有効期間を合理的に設定することが含まれます。

セッションハイジャックは、次の手順で達成できます。1。セッションIDを取得します。2。セッションIDを使用します。3。セッションをアクティブに保ちます。 PHPでのセッションハイジャックを防ぐための方法には次のものが含まれます。1。セッション_regenerate_id()関数を使用して、セッションIDを再生します。2。データベースを介してストアセッションデータを3。

php8.1の列挙関数は、指定された定数を定義することにより、コードの明確さとタイプの安全性を高めます。 1)列挙は、整数、文字列、またはオブジェクトであり、コードの読みやすさとタイプの安全性を向上させることができます。 2)列挙はクラスに基づいており、トラバーサルや反射などのオブジェクト指向の機能をサポートします。 3)列挙を比較と割り当てに使用して、タイプの安全性を確保できます。 4)列挙は、複雑なロジックを実装するためのメソッドの追加をサポートします。 5)厳密なタイプのチェックとエラー処理は、一般的なエラーを回避できます。 6)列挙は魔法の価値を低下させ、保守性を向上させますが、パフォーマンスの最適化に注意してください。

PHP開発における固体原理の適用には、次のものが含まれます。1。単一責任原則(SRP):各クラスは1つの機能のみを担当します。 2。オープンおよびクローズ原理(OCP):変更は、変更ではなく拡張によって達成されます。 3。Lischの代替原則(LSP):サブクラスは、プログラムの精度に影響を与えることなく、基本クラスを置き換えることができます。 4。インターフェイス分離原理(ISP):依存関係や未使用の方法を避けるために、細粒インターフェイスを使用します。 5。依存関係の反転原理(DIP):高レベルのモジュールと低レベルのモジュールは抽象化に依存し、依存関係噴射を通じて実装されます。

phpstormでCLIモードをデバッグする方法は? PHPStormで開発するときは、PHPをコマンドラインインターフェイス(CLI)モードでデバッグする必要がある場合があります。

PHP開発でPHPのCurlライブラリを使用してJSONデータを送信すると、外部APIと対話する必要があることがよくあります。一般的な方法の1つは、Curlライブラリを使用して投稿を送信することです。

静的結合(静的::) PHPで後期静的結合(LSB)を実装し、クラスを定義するのではなく、静的コンテキストで呼び出しクラスを参照できるようにします。 1)解析プロセスは実行時に実行されます。2)継承関係のコールクラスを検索します。3)パフォーマンスオーバーヘッドをもたらす可能性があります。
