Laravelプロジェクトでは、 Asset()関数を使用して、パブリックディレクトリにあるパブリックCSSおよびJavaScriptファイルを直接導入できます。この方法はシンプルで直感的で、ほとんどの中小規模のプロジェクトに適しています。
まず、パブリックディレクトリにCommonという名前の新しいフォルダーを作成して、 Style.cssやscript.jsなどのフロントエンドパブリックリソースを保存します。
次に、ブレードテンプレートファイルで、 Asset()関数を使用して正しいURLパスを生成して、これらのファイルを導入します。
<link rel="stylesheet" href="{{ asset('common/style.css') }}">
<script src="{{ asset('common/script.js') }}"></script>
Asset()関数を使用すると、リソースパスがさまざまなURL構成の下で正しく解析され、プロジェクトの互換性が向上します。
Laravelはリソース管理メカニズムを提供し、フロントエンドのリソースをより柔軟に整理およびロードできるようにします。このアプローチは、より複雑なリソース管理が必要な大規模なプロジェクトや状況に適しています。
リソース/アセットの下に共通のフォルダーを作成し、 style.cssやscript.jsなどのCSSおよびJSファイルを保存します。
次に、 config/app.phpのエイリアスアレイにエイリアスを追加して、ビュー内のリソースを呼び出すことを容易にします。
'aliases' => [
'Common' => App\Library\Common::class,
],
上記の構成は、共通をリソースアクセスエイリアスとして定義します。
リソース登録を完了したら、custom @common()構文を使用してビューファイルにリソースを導入できます。
<link rel="stylesheet" href="@common('style.css')">
<script src="@common('script.js')"></script>
このようにして、Laravelは自動的に正しいリソースパスを解析および出力し、フロントエンドリソースの管理プロセスを簡素化します。
この記事では、Laravelで公開リソースファイルを導入するための2つの方法を紹介します。
開発者は、実際のニーズに基づいて適切な導入方法を選択することで、リソース管理の効率を改善し、プロジェクト構造を最適化できます。