将版本添加到 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 到 refer/link 到 public 文件夹中的文件

<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') }}">

这将始终是 return 正确的文件名。

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

还要确保您再次运行 gulp 命令，因为您删除了构建文件夹。

styles stop working after adding version to elixir