pentatrion/vite-bundle

Vite integration for your Symfony app

v7.1.0 2024-11-27 18:32 UTC

Requires

• php: ^8.0
• symfony/asset: ^4.4 || ^5.0 || ^6.0 || ^7.0
• symfony/config: ^4.4 || ^5.0 || ^6.0 || ^7.0
• symfony/dependency-injection: ^4.4 || ^5.0 || ^6.0 || ^7.0
• symfony/framework-bundle: ^4.4 || ^5.0 || ^6.0 || ^7.0
• symfony/http-client: ^4.4 || ^5.0 || ^6.0 || ^7.0
• symfony/http-kernel: ^4.4 || ^5.0 || ^6.0 || ^7.0
• symfony/twig-bundle: ^4.4 || ^5.0 || ^6.0 || ^7.0

Requires (Dev)

• friendsofphp/php-cs-fixer: ^3.9
• phpstan/phpstan: ^1.8
• phpstan/phpstan-symfony: ^1.3
• phpunit/phpunit: ^9.5
• symfony/phpunit-bridge: ^4.4 || ^5.0 || ^6.0 || ^7.0
• symfony/web-link: ^4.4 || ^5.0 || ^6.0 || ^7.0

MIT

• Hugues Tavernier

• symfony
• bundle
• vite
• vitejs

README

ViteBundle : Symfony integration with Vite

Important

This repository is a "subtree split": a read-only subset of that main repository symfony-vite-dev which delivers to packagist only the necessary code.

Important

If you want to open issues, contribute, make PRs or consult examples you will have to go to the symfony-vite-dev repository.

This bundle helps you render all the dynamic script and link tags needed. Essentially, it provides two twig functions to load the correct scripts into your templates.

Installation

Install the bundle with:

composer require pentatrion/vite-bundle

npm install

# start your vite dev server
npm run dev

Add these twig functions in any template or base layout where you need to include a JavaScript entry:

{% block stylesheets %}
    {{ vite_entry_link_tags('app') }}
{% endblock %}

{% block javascripts %}
    {{ vite_entry_script_tags('app') }}

    {# if you are using React, you have to replace with this #}
    {{ vite_entry_script_tags('app', { dependency: 'react' }) }}
{% endblock %}

Read the Docs to Learn More.

Ecosystem

License

MIT.