【发布时间】：2016-06-23 08:35:30
【问题描述】：
我在 Windows 10 的 WAMP 服务器上使用 laravel 和 nodejs。现在使用 elixir 混合功能
elixir(function(mix) {
mix.sass('app.scss');
mix.version('css/app.css');
});
它正在为我的 app.css 生成一个版本文件并将其放置到
public\build\css\app-d37b3a9d94.css
现在当我使用 elixir 函数添加 css 文件的链接时，如下所示
<link rel="stylesheet" type="text/css" href="{{ elixir('css/app.css') }}">
它会生成一个类似
的路径/build/css/app-d37b3a9d94.css
但是有了这个，css 在结果页面上不起作用。我对问题进行了故障排除，发现由于路径中的第一个斜杠，它不起作用。当我通过删除第一个斜杠手动添加上述 css 文件路径（由 elixir 生成）时，它可以工作。像下面这样
build/css/app-d37b3a9d94.css
我不确定如何解决 elixir 生成的 css 文件路径问题。看起来像长生不老药在路径之前添加了一个额外的斜杠，但我已经检查了 laravel 的几个地方的代码，并且该代码适用于路径中的第一个斜杠。不知道为什么它不适合我。
我注意到的另一件事，即使我从 gulpfile.js（生成版本文件）中删除 mix.version('css/app.css'); 并运行 gulp 命令来更新 css/app.css，并使用 <link rel="stylesheet" type="text/css" href="{{ elixir('css/app.css') }}"> 它仍然指的是版本文件而不是引用 css/app.css 是正确的行为吗？
【问题讨论】：
-
@TheFallen 我按照您的建议使用了asset(elixir('css/app.css'))，但它开始将URL从相对转换为绝对，例如'localhost/laravelproject/public/build/css/app-86a3953e5a.css"
-
这里是灵魂-> stackoverflow.com/questions/35038394/…我也被这个弄疯了。