Php 如何在Laravel elixir中编译和版本资产？

现在我想为project配置我的资产。我的吞咽文件看起来：

const elixir = require('laravel-elixir');
require('laravel-elixir-vue-2');

elixir(mix => {
   mix.sass('app.scss');
   .webpack('app.js');
});

但我想打开css文件的版本。但现有信息表明要使用：

mix.version('css/app.css'); // public/build/css/app-39d5f9a7.css

我不知道我在这里迷失了什么，但我不知道如何正确地让它发挥作用。我想编译我的.sass文件，然后给出一个版本。我想用

<link src='{{ elexir('css/app.css') }}'>

在my layout.blade.php中

---

如何正确操作？

出现错误的原因是您正在结束语句，而不是链接语句。您可能需要删除

s（除了上一个）或将mix添加到每个方法调用的开头

将您的gulp文件更改为：

const elixir = require('laravel-elixir');
require('laravel-elixir-vue-2');

elixir(mix => {
    mix.sass('app.scss')
        .webpack('app.js')
        .version('css/app.css');
});

此外，您还应更改：

<link src='{{ elexir('css/app.css') }}'>

将是：

<link href='{{ elixir('css/app.css') }}'>

---

希望这有帮助

在添加了

mix.version

之后，您能展示一下您正在吞咽的文件是什么样子吗？mix.sass（'app.scss'）。版本（'css/app.css'）。网页包（'app.js'）；但我不知道它是否有效…试着将版本放在块的底部。另外，请确保您没有监视这些更改（

gulpwatch

），因为除非重新启动监视程序，否则这些更改不会被执行。我收到语法错误。如何简化“混合”阵列将无法获得预期结果。public/build/css/app-39d5f9a7.css文件在运行gulp后没有创建，但现在没有语法错误。@pvaitonis文件是否存在于

public/css/app.css

？如果是这样，请删除css文件夹，运行gulp并仔细检查它是否确实已生成。是的，文件已生成，但版本控制似乎不起作用。因此，您在

public/build/css/app-[some hash].css中没有文件。如果文件确实存在，请检查对我的答案的编辑。是的，在运行gulp后，我没有public/build/css/app-[some hash].css文件。