如何在 laravel 8 中访问 css 文件？ [复制]答案

【问题标题】：How to access css file in laravel 8? [duplicate]如何在 laravel 8 中访问 css 文件？ [复制]
【发布时间】：2021-03-31 08:10:14
【问题描述】：

我一直在尝试这样访问它：

<!DOCTYPE html>
<html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>Document</title>
     <link rel="stylesheet" href="{{ asset('css/app.css') }}">
 </head>
 <body>
    <div class="red">
        @yield('content')
    </div>  
 </body>
</html>

我将背景红色放在 css 文件中，但没有任何变化。任何帮助表示赞赏

【问题讨论】：

Welcome to SO ...如果您想为它们提供服务，您必须将您的资产放在public 文件夹中...这应该是网站唯一可访问的文件夹以及网络服务器所在的文件夹提供来自的文件
放入public/css
你编译了资产吗？ laravel.com/docs/8.x/mix#introduction
谢谢大家我把它放在公用文件夹中解决了

标签： php html css laravel

【解决方案1】：

你需要安装laravel mix。由于它是在 laravel 全新安装的 package.json 中添加的，请按照以下步骤操作：

运行npm install 安装在package.json中添加的包more
将mix.css('resource/css/app.css', 'css'); 添加到webpack.mix.js 文件more
运行 npm run dev 编译在 webpack.mix.js more 中寻址的文件
在所需的刀片文件中以{{ asset('css/app.css') }} 链接到您的app.css。

注意：在 resource/css/app.css 文件中进行任何更改后，您需要运行 npm run dev。或者从 npm run watch 中受益，它会在任何更改后自动遵守。

注意：每次更改后按ctrl+f5清除缓存或使用cache busting

【讨论】：

【解决方案2】：

把它放在 public/css 中并像这样使用它：

<link rel="stylesheet" href="{{ asset('/css/app.css') }}">

【讨论】：

带有资产路径或whiteout，但不要忘记路径前的'/'很重要/css/app.css

【解决方案3】：

清除浏览器缓存，并确保 CSS 文件所在目录为 public/css

【讨论】：