Laravel Elixir路径

Question

我使用Elixir编译我的less文件

elixir(function(mix) {
mix.less([
    "../../../vendor/uikit/uikit/src/less/uikit.less",
    "main.less"
], 'public/css/style.css').version("public/css/style.css");
});

然后尝试使用css文件，如下所示

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

但是我得到了http://localhost:8080/build/css/style-a3ade8736f.css 404 (Not Found)

我使用了XAMMP，所以我的url看起来像http://localhost:8080/ad/public/

当我尝试在css href中添加'piblic/‘单词时

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

我得到了一个错误，我喜欢

http://localhost:8080/ad/public/public//build/css/style-a3ade8736f.css 404 (Not Found)

如何修复href？

Answer 1

您可以在asset()或url()中调用Elixir函数。

如下所示：

{{ asset(elixir('css/style.css')) }}

或

{{ url(elixir('css/style.css')) }}

这个thread解决了这个问题。

Answer 2

在asset()或URL::Asset()中调用elixir函数

gulpfile.js

elixir(function(mix) {
    mix.less('app.less').version('css/app.css');
});

刀片

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

Answer 3

elixir函数期望您通过在Gulpfile中执行have versioned the file来执行version()。

elixir(function(mix) {
    mix.version("css/all.css");
});