Posts Learn Components new Snippets new Categories Tags About Device Beast sponsor
/

How to Push Stacks Only Once in Laravel

Learn how to push your styling or scripts inside stacks once only to prevent code duplication

Created on Jul 03, 2021

22 views

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.
@once
    @push('js')
        <script>
            console.log('hello world');
        </script>
    @endpush
@endonce

For styles/CSS stacks it's pretty much the same.
@once
    @push('css')
        <style>
            .card { background-color: pink; }
        </style>
    @endpush
@endonce

Snippets by

PostSrc poster

PostSrc

Full stack developer mainly focusing on the front end side of the web. The main author of PostSrc and loves writing tutorial and guides online.

Load comments for How to Push Stacks Only Once in Laravel

new

PostSrc Code Components

Collection of Tailwind CSS components for everyone to use. Browse all of the components that are right for your project.

View Components

Other Code Snippets

More