将版本添加到 elixir 后样式停止工作答案

【问题标题】：styles stop working after adding version to elixir将版本添加到 elixir 后样式停止工作
【发布时间】：2016-07-31 12:54:24
【问题描述】：

在 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 之后开始出现的，但之后我删除了所有的 build 文件夹，现在我无法让样式正常工作。

【问题讨论】：

【解决方案1】：

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

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

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

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

同时确保在删除构建文件夹后再次运行gulp 命令。

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：