提问者:小点点

如何访问Laravel8中的css文件?


我一直试图像这样访问它:

<!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文件中的红色,但是什么都没有改变。任何帮助都是感激的我的文件截图在这里


共3个答案

匿名用户

清除浏览器缓存,确保CSS文件目录为public/CSS

匿名用户

把它放在public/css中,这样使用它:

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

匿名用户

你需要安装laravel Mix。在laravel的新安装中添加到package.json时,请执行以下步骤:

  1. 运行npm install以安装在package.json中添加的更多包
  2. 向webpack.mix.js文件添加mix.css('resource/css/app.css','css');更多
  3. 运行npm运行dev以编译webpack.mix.js中地址的文件更多
  4. 在所需的刀片文件中以{{asset('css/app.css')}}的形式链接到您的app.css.

注意:在对resource/css/app.css文件进行任何更改后,您需要运行npm run dev。或者受益于NPM run Watch,它在任何更改后都会自动遵守。