📅 最后修改于: 2023-12-03 14:51:00.378000 🧑 作者: Mango
Laravel 是一个基于 PHP 的 Web 开发框架，它提供了一个完整的 MVC 框架结构，同时也提供了一些方便的工具和方法来增强开发体验。在 Laravel 中，我们可以通过资源文件夹来管理我们项目中使用的 CSS 和 JS 文件，以便更好地组织和管理这些文件。
在 Laravel 项目中，可以在 public 文件夹下创建一个名为 assets 的文件夹来管理静态资源文件。
.
├── app
├── bootstrap
├── config
├── database
├── public
│ └── assets
├── resources
├── routes
└── storage
如果您使用了 Laravel Mix 或者其他的编译器工具来编译您的 CSS 和 JS 文件，那么您可以在 resources 文件夹下创建一个名为 assets 的文件夹，然后在 webpack.mix.js 中配置正确的文件路径，以便将编译好的文件打包到 public 文件夹下的 assets 目录中。
在 Laravel 中，我们可以通过 asset() 方法来引入资源文件夹中的 CSS 和 JS 文件。asset() 方法会自动将文件路径解析为项目根目录的绝对路径，以便正确加载文件。
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
<link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
<script src="{{ asset('assets/js/main.js') }}"></script>
</head>
<body>
...
</body>
</html>
在上面的示例代码中，我们使用 asset() 方法将 style.css 和 main.js 文件引入到了我们的 HTML 文件中。
在 Laravel 中，您可以使用 mix() 方法来生成 URL，以便能够在您的视图中引入版本化的 CSS 和 JS 文件。
<link rel="stylesheet" href="{{ mix('css/app.css') }}">
<script src="{{ mix('js/app.js') }}"></script>
如果您更改了资源文件夹的名称或者路径，您需要更新 config/filesystems.php 配置文件中的 public 驱动程序配置项，以便正确上传和访问您的资源文件。
'public' => [
'driver' => 'local',
'root' => public_path('assets'),
'url' => env('APP_URL').'/assets',
'visibility' => 'public',
],
通过以上配置项，Laravel 将会把资源文件夹设置为上传和访问文件的默认目录。
在本文中，我们介绍了如何在 Laravel 中访问 CSS 和 JS 文件。通过创建资源文件夹，并使用 asset() 方法来引入资源文件，我们可以更好地管理和组织我们的前端资源。如果您还没有在 Laravel 项目中使用资源文件夹来管理静态资源，那么现在就可以尝试一下，并且在项目中得到更好的开发体验。