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，所以我的网址看起来像 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 中执行 version() 来 have versioned the file。

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

Answer 4

我遇到了同样的问题，正在拔头发。看来这个问题是关于如何调用 URL 的稍微误导性的文档。在手册中，它指出一个简单的

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

应该是你所需要的，它应该自动调用正确的脚本。不幸的是，根据服务器的不同，上面的行可能会调用不正确的 URL，就像我的情况一样：

<script src="/build/output/all-45ca09b2ad.css"></script>

当我们需要的时候

<script src="http://localhost/yourAlias/build/output/all-45ca09b2ad.css"></script>

我能够通过像这样将调用包装在 HTML 样式块中来解决此问题

{!! HTML::style(elixir('output/final.css')) !!}

HTH