If you face an issue where you are pushing multiple styling or scripts in a single blade file, you can prevent this by wrapping the "stack" with the "once" directive.
The "once" directive will only evaluate the stacks once per rendering cycle which will ensure that there won't be code duplicate.
Laravel Once Directive
For javascript/js stacks you can define it like this.
The "once" directive will only evaluate the stacks once per rendering cycle which will ensure that there won't be code duplicate.
Laravel Once Directive
For javascript/js stacks you can define it like this.
@once
@push('js')
<script>
console.log('hello world');
</script>
@endpush
@endonceFor styles/CSS stacks it's pretty much the same.
@once
@push('css')
<style>
.card { background-color: pink; }
</style>
@endpush
@endonce
Leave a reply