Question

我在Windows 10上的WAMP服务器上使用laravel和nodejs。现在使用elixir mix函数

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文件工作路径的问题。看起来像elixir在路径之前添加了一个额外的斜杠，但是我已经在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这是正确的行为吗？

Answer 1

尝试以这种方式使用它：

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

elixir在css版本文件路径

1 个答案: