Elixir在CSS版本文件路径之前添加了额外的斜杠



我在Windows 10上使用laravel和nodejs。现在使用Elixir Mix函数

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

正在为我的app.css生成版本文件,然后将其放在

publicbuildcssapp-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,这是正确的行为吗?

尝试以这种方式使用它:

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

最新更新