将样本添加到elixir后，样式停止工作

Question

在Laravel中，我在public/css/app.css以下内容：

body { background: "red"; }

它与我的布局相关联：

<link rel="stylesheet" href="/css/app.css" media="screen" title="no title" charset="utf-8">

但是当我转到主页时，样式不适用于身体。我检查了源代码，CSS文件就在那里！

我删除了缓存但没有任何反应。我将version()添加到elixir后开始出现此问题，但之后删除了所有构建文件夹，现在我无法使样式正常工作。

Answer 1

我认为您需要使用asset来引用/链接到公用文件夹中的文件

<link rel="stylesheet" href="{{asset('/css/app.css')}}" media="screen" title="no title" charset="utf-8">

Answer 2

你应该写这个。这是Laravel预定义函数

{{ HTML::style('css/app.css'); }}

Answer 3

在elixir中使用version()时，文件名会发生变化。您可以添加以下帮助

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

这将始终返回正确的文件名。

请参阅documentation版本控制和缓存清除。

此外，请确保在删除构建文件夹后再次运行gulp命令。