Как скомпилировать и обновить активы в Laravel elixir?

Question

В данный момент я хочу настроить свои активы для проекта. Мой файл Gulp выглядит:

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') }}'> 

в моем layout.blade.php Как сделать это правильно?

Answer 1

Причина, по которой вы получаете сообщение об ошибке, состоит в том, что вы завершаете утверждения, а не цепляете их. Вам необходимо либо удалить ; (кроме последнего), либо добавить микс в начало каждого вызова метода.

Измените файл глотка быть:

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') }}'> 

Надеется, что это помогает!