資産を編集する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)

ホットトピック











PHPでは、Password_hashとpassword_verify関数を使用して安全なパスワードハッシュを実装する必要があり、MD5またはSHA1を使用しないでください。 1)password_hashセキュリティを強化するために、塩値を含むハッシュを生成します。 2)password_verifyハッシュ値を比較して、パスワードを確認し、セキュリティを確保します。 3)MD5とSHA1は脆弱であり、塩の値が不足しており、最新のパスワードセキュリティには適していません。

PHPとPythonにはそれぞれ独自の利点があり、プロジェクトの要件に従って選択します。 1.PHPは、特にWebサイトの迅速な開発とメンテナンスに適しています。 2。Pythonは、データサイエンス、機械学習、人工知能に適しており、簡潔な構文を備えており、初心者に適しています。

PHPは、電子商取引、コンテンツ管理システム、API開発で広く使用されています。 1)eコマース:ショッピングカート機能と支払い処理に使用。 2)コンテンツ管理システム:動的コンテンツの生成とユーザー管理に使用されます。 3)API開発:RESTFUL API開発とAPIセキュリティに使用されます。パフォーマンスの最適化とベストプラクティスを通じて、PHPアプリケーションの効率と保守性が向上します。

PHPタイプは、コードの品質と読みやすさを向上させるためのプロンプトがあります。 1)スカラータイプのヒント:php7.0であるため、基本データ型は、int、floatなどの関数パラメーターで指定できます。 3)ユニオンタイプのプロンプト:PHP8.0であるため、関数パラメーターまたは戻り値で複数のタイプを指定することができます。 4)Nullable Typeプロンプト:null値を含めることができ、null値を返す可能性のある機能を処理できます。

PHPは依然として動的であり、現代のプログラミングの分野で重要な位置を占めています。 1)PHPのシンプルさと強力なコミュニティサポートにより、Web開発で広く使用されています。 2)その柔軟性と安定性により、Webフォーム、データベース操作、ファイル処理の処理において顕著になります。 3)PHPは、初心者や経験豊富な開発者に適した、常に進化し、最適化しています。

PHPは主に手順プログラミングですが、オブジェクト指向プログラミング(OOP)もサポートしています。 Pythonは、OOP、機能、手続き上のプログラミングなど、さまざまなパラダイムをサポートしています。 PHPはWeb開発に適しており、Pythonはデータ分析や機械学習などのさまざまなアプリケーションに適しています。

PHPで前処理ステートメントとPDOを使用すると、SQL注入攻撃を効果的に防ぐことができます。 1)PDOを使用してデータベースに接続し、エラーモードを設定します。 2)準備方法を使用して前処理ステートメントを作成し、プレースホルダーを使用してデータを渡し、メソッドを実行します。 3)結果のクエリを処理し、コードのセキュリティとパフォーマンスを確保します。

PHPとPythonには独自の利点と短所があり、選択はプロジェクトのニーズと個人的な好みに依存します。 1.PHPは、大規模なWebアプリケーションの迅速な開発とメンテナンスに適しています。 2。Pythonは、データサイエンスと機械学習の分野を支配しています。
