### Install and Run Psalm

Source: https://github.com/symfony/webpack-encore-bundle/blob/2.x/CONTRIBUTING.md

Install Psalm in the tools directory and run static analysis.

```bash
composer install --working-dir=tools/psalm
tools/psalm/vendor/bin/psalm
```

--------------------------------

### Install Webpack Encore Bundle

Source: https://github.com/symfony/webpack-encore-bundle/blob/2.x/doc/index.rst

Install the bundle using Composer.

```terminal
    $ composer require symfony/webpack-encore-bundle

```

--------------------------------

### Install Webpack Encore Bundle

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

Install the bundle using Composer. Symfony Flex will automatically generate the configuration file.

```bash
composer require symfony/webpack-encore-bundle
```

--------------------------------

### Install and Run PHPStan

Source: https://github.com/symfony/webpack-encore-bundle/blob/2.x/CONTRIBUTING.md

Install PHPStan in the tools directory and run static analysis. Use the --generate-baseline flag to update the baseline file if needed.

```bash
composer install --working-dir=tools/phpstan
tools/phpstan/vendor/bin/phpstan analyze
# Based on the results, you may want to update the baseline
tools/phpstan/vendor/bin/phpstan analyze --generate-baseline
```

--------------------------------

### Configure Remote Entrypoints.json for CDN/SSR

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

Configure Webpack Encore to fetch `entrypoints.json` from a remote URL, such as a CDN. This requires setting `output_path` to `false` and defining a `builds` entry with the remote URL. Ensure `symfony/http-client` is installed.

```yaml
webpack_encore:
    output_path: false   # disable default build
    builds:
        cdn: 'https://cdn.example.com/assets/build'
        # entrypoints.json is fetched from:
        # https://cdn.example.com/assets/build/entrypoints.json
```

--------------------------------

### Get CSS Files Manually with encore_entry_css_files()

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

Use `encore_entry_css_files()` to retrieve raw CSS file paths for an entry without rendering HTML. This allows for manual control over tag generation.

```twig
{% set cssFiles = encore_entry_css_files('app') %}
{% for file in cssFiles %}
    <link rel="stylesheet" href="{{ asset(file) }}" crossorigin="anonymous">
{% endfor %}

{# cssFiles example value:
   ['/build/vendors~app.css', '/build/app.css']
#}
```

--------------------------------

### HTML Output for Script Tags

Source: https://github.com/symfony/webpack-encore-bundle/blob/2.x/doc/index.rst

Example of the generated HTML script tags when using encore_entry_script_tags() with split entry chunks enabled.

```html+twig
<script src="{{ asset('build/vendor~entry1~entry2.js') }}"></script>
<script src="{{ asset('build/entry1.js') }}"></script>

```

--------------------------------

### Enable HTTP/2 Preload Headers

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

Configure Webpack Encore to automatically add `Link` preload headers to HTTP responses for all rendered scripts and stylesheets. This requires setting `preload: true` in `webpack_encore.yaml` and ensuring `symfony/web-link` is installed.

```yaml
webpack_encore:
    output_path: '%kernel.project_dir%/public/build'
    preload: true
```

--------------------------------

### Get JS Files Manually with encore_entry_js_files()

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

Use `encore_entry_js_files()` to get raw JavaScript file paths for an entry without rendering HTML. This is useful for manual tag rendering.

```twig
{# Get file list and render tags manually #}
{% set jsFiles = encore_entry_js_files('app') %}
{% for file in jsFiles %}
    <script src="{{ asset(file) }}" type="module"></script>
{% endfor %}

{# From a specific build #}
{% set adminFiles = encore_entry_js_files('dashboard', 'admin') %}
{# adminFiles => ['/admin/build/runtime.js', '/admin/build/dashboard.js'] #}
```

--------------------------------

### Configure Webpack Encore Bundle

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

Configure the bundle in `webpack_encore.yaml`. The `output_path` must match Encore's configuration.

```yaml
webpack_encore:
    # Required: path where Encore writes its build output
    output_path: '%kernel.project_dir%/public/build'

    # Global attributes added to every <script> tag
    script_attributes:
        defer: true
        # referrerpolicy: 'origin'

    # Global attributes added to every <link> tag
    # link_attributes:
    #     referrerpolicy: 'origin'

    # Add crossorigin attribute when Encore.enableIntegrityHashes() is used
    # crossorigin: 'anonymous'   # or 'use-credentials'

    # Automatically emit HTTP/2 Link preload headers for rendered tags
    # preload: true

    # Throw an exception if entrypoints.json is missing or an entry is absent (default: true)
    # strict_mode: false

    # Cache parsed entrypoints.json (recommended for production)
    # Put in config/packages/prod/webpack_encore.yaml
    # cache: true

    # Multiple independent Encore builds
    # builds:
    #     frontend: '%kernel.project_dir%/public/frontend/build'
    #     admin:    '%kernel.project_dir%/public/admin/build'
    #     cdn:      'https://cdn.example.com/build'   # remote entrypoints.json
```

--------------------------------

### Programmatic Asset Access with EntrypointLookupInterface

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

The `EntrypointLookupInterface` provides programmatic access to JS/CSS file lists for any entry. It also allows resetting duplicate-suppression state between renders, which is useful when generating multiple PDFs in a single request.

```php
// src/Controller/PdfController.php
namespace App\Controller;

use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
use Symfony\Component\HttpFoundation\Response;
use Symfony\WebpackEncoreBundle\Asset\EntrypointLookupInterface;

class PdfController extends AbstractController
{
    public function generatePdfs(EntrypointLookupInterface $entrypointLookup): Response
    {
        // Check available files
        $jsFiles  = $entrypointLookup->getJavaScriptFiles('app');
        // => ['/build/runtime.js', '/build/app.js']
        $cssFiles = $entrypointLookup->getCssFiles('app');
        // => ['/build/app.css']

        // Reset deduplication state before each independent render
        $entrypointLookup->reset();
        $pdf1Html = $this->renderView('pdf/invoice.html.twig');

        $entrypointLookup->reset();
        $pdf2Html = $this->renderView('pdf/receipt.html.twig');

        // ... convert to PDF and return response
        return new Response('...');
    }
}
```

--------------------------------

### Accessing EntrypointLookup for Multiple Builds

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

Use `EntrypointLookupCollectionInterface` to retrieve the `EntrypointLookupInterface` instance for any configured build by name. Autowire this when working with multiple builds.

```php
// src/Service/AssetHelper.php
namespace App\Service;

use Symfony\WebpackEncoreBundle\Asset\EntrypointLookupCollectionInterface;

class AssetHelper
{
    public function __construct(
        private EntrypointLookupCollectionInterface $lookupCollection
    ) {}

    public function getAdminScripts(string $entryName): array
    {
        // Retrieve the lookup for the 'admin' build
        $lookup = $this->lookupCollection->getEntrypointLookup('admin');
        return $lookup->getJavaScriptFiles($entryName);
        // => ['/admin/build/runtime.js', '/admin/build/dashboard.js']
    }

    public function resetAll(): void
    {
        foreach (['_default', 'admin', 'frontend'] as $build) {
            $this->lookupCollection->getEntrypointLookup($build)->reset();
        }
    }
}
```

--------------------------------

### Run PHPUnit Tests

Source: https://github.com/symfony/webpack-encore-bundle/blob/2.x/CONTRIBUTING.md

Execute PHPUnit tests using the provided script.

```bash
./vendor/bin/simple-phpunit
```

--------------------------------

### Enable Production Cache

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

Enable the cache for Webpack Encore in the production environment configuration.

```yaml
webpack_encore:
    cache: true
```

--------------------------------

### encore_entry_css_files()

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

Returns the raw array of CSS file paths for an entry without rendering HTML. This allows for manual control over how CSS links are generated.

```APIDOC
## Twig Function — `encore_entry_css_files()`

Returns the raw array of CSS file paths for an entry without rendering HTML.

```twig
{% set cssFiles = encore_entry_css_files('app') %}
{% for file in cssFiles %}
    <link rel="stylesheet" href="{{ asset(file) }}" crossorigin="anonymous">
{% endfor %}

{# cssFiles example value:
   ['/build/vendors~app.css', '/build/app.css']
#}
```
```

--------------------------------

### EntrypointLookupInterface

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

Provides programmatic access to the JS/CSS file lists for any entry and allows resetting duplicate-suppression state between renders. This is particularly useful when generating multiple PDFs in a single request.

```APIDOC
## PHP API — `EntrypointLookupInterface`

Provides programmatic access to the JS/CSS file lists for any entry and allows resetting duplicate-suppression state between renders (e.g., when generating multiple PDFs in a single request).

```php
// src/Controller/PdfController.php
namespace App\Controller;

use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
use Symfony\Component\HttpFoundation\Response;
use Symfony\WebpackEncoreBundle\Asset\EntrypointLookupInterface;

class PdfController extends AbstractController
{
    public function generatePdfs(EntrypointLookupInterface $entrypointLookup): Response
    {
        // Check available files
        $jsFiles  = $entrypointLookup->getJavaScriptFiles('app');
        // => ['/build/runtime.js', '/build/app.js']
        $cssFiles = $entrypointLookup->getCssFiles('app');
        // => ['/build/app.css']

        // Reset deduplication state before each independent render
        $entrypointLookup->reset();
        $pdf1Html = $this->renderView('pdf/invoice.html.twig');

        $entrypointLookup->reset();
        $pdf2Html = $this->renderView('pdf/receipt.html.twig');

        // ... convert to PDF and return response
        return new Response('...');
    }
}
```
```

--------------------------------

### EntrypointLookupCollectionInterface

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

Retrieves the `EntrypointLookupInterface` instance for any configured build by name. This should be autowired when working with multiple builds.

```APIDOC
## PHP API — `EntrypointLookupCollectionInterface`

Retrieves the `EntrypointLookupInterface` instance for any configured build by name. Autowire this when working with multiple builds.

```php
// src/Service/AssetHelper.php
namespace App\Service;

use Symfony\WebpackEncoreBundle\Asset\EntrypointLookupCollectionInterface;

class AssetHelper
{
    public function __construct(
        private EntrypointLookupCollectionInterface $lookupCollection
    ) {}

    public function getAdminScripts(string $entryName): array
    {
        // Retrieve the lookup for the 'admin' build
        $lookup = $this->lookupCollection->getEntrypointLookup('admin');
        return $lookup->getJavaScriptFiles($entryName);
        // => ['/admin/build/runtime.js', '/admin/build/dashboard.js']
    }

    public function resetAll(): void
    {
        foreach (['_default', 'admin', 'frontend'] as $build) {
            $this->lookupCollection->getEntrypointLookup($build)->reset();
        }
    }
}
```
```

--------------------------------

### Warm Production Cache

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

Warm the production cache to pre-parse entrypoint files, which eliminates runtime filesystem reads. This automatically runs the EntrypointCacheWarmer.

```bash
php bin/console cache:warmup --env=prod
```

--------------------------------

### Configure Webpack Encore for Split Chunks

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

Enable `splitEntryChunks()` in `webpack.config.js` for the bundle to correctly read `entrypoints.json`.

```javascript
Encore
    .setOutputPath('public/build/')
    .setPublicPath('/build')
    .addEntry('app', './assets/app.js')
    .splitEntryChunks()   // required for the bundle to be useful
    // ...
;
```

--------------------------------

### Render Script Tags with Twig

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

Use `encore_entry_script_tags()` in Twig to render all necessary script tags for a given entry point, including split chunks. Supports per-call attributes and non-default builds.

```twig
{# base.html.twig #}

{% block javascripts %}
    {{ parent() }}

    {# Render all <script> tags for the 'app' entry #}
    {{ encore_entry_script_tags('app') }}

    {# With per-call extra attributes #}
    {{ encore_entry_script_tags('app', null, '_default', { 'data-turbo-track': 'reload' }) }}

    {# From a non-default build named 'admin' #} 
    {{ encore_entry_script_tags('dashboard', null, 'admin') }}
{% endblock %}
```

--------------------------------

### encore_entry_js_files()

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

Returns the raw array of JavaScript file paths for an entry without rendering any HTML. This is useful when you need to handle tag rendering manually.

```APIDOC
## Twig Function — `encore_entry_js_files()`

Returns the raw array of JavaScript file paths for an entry without rendering any HTML. Useful when you need to handle tag rendering manually.

```twig
{# Get file list and render tags manually #}
{% set jsFiles = encore_entry_js_files('app') %}
{% for file in jsFiles %}
    <script src="{{ asset(file) }}" type="module"></script>
{% endfor %}

{# From a specific build #}
{% set adminFiles = encore_entry_js_files('dashboard', 'admin') %}
{# adminFiles => ['/admin/build/runtime.js', '/admin/build/dashboard.js'] #}
```
```

--------------------------------

### Configure Webpack Encore Bundle

Source: https://github.com/symfony/webpack-encore-bundle/blob/2.x/doc/index.rst

Default configuration for the Webpack Encore Bundle in Symfony Flex. Customize output path, attributes, and build configurations.

```yaml
    # config/packages/webpack_encore.yaml
    webpack_encore:
        # The path where Encore is building the assets - i.e. Encore.setOutputPath()
        # if you customize this, you will also need to change framework.assets.json_manifest_path (it usually lives in assets.yaml)
        output_path: '%kernel.project_dir%/public/build'
        # If multiple builds are defined (as shown below), you can disable the default build:
        # output_path: false

        # Set attributes that will be rendered on all script and link tags
        script_attributes:
            defer: true
            # referrerpolicy: origin
        # link_attributes:
        #     referrerpolicy: origin

        # if using Encore.enableIntegrityHashes() and need the crossorigin attribute (default: false, or use 'anonymous' or 'use-credentials')
        # crossorigin: 'anonymous'

        # preload all rendered script and link tags automatically via the http2 Link header
        # preload: true

        # Throw an exception if the entrypoints.json file is missing or an entry is missing from the data
        # strict_mode: false

        # if you have multiple builds:
        # builds:
            # frontend: '%kernel.project_dir%/public/frontend/build'
            # or if you use a CDN:
            # frontend: 'https://cdn.example.com/frontend/build'

            # pass the build name" as the 3rd argument to the Twig functions
            # {{ encore_entry_script_tags('entry1', null, 'frontend') }}

        # Cache the entrypoints.json (rebuild Symfony's cache when entrypoints.json changes)
        # Available in version 1.2
        # Put in config/packages/prod/webpack_encore.yaml
        # cache: true

```

--------------------------------

### Render Link Tags with Twig

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

Use `encore_entry_link_tags()` in Twig to render all stylesheet link tags for a given entry point. Merges global and per-call attributes, and supports non-default builds.

```twig
{# base.html.twig #}

{% block stylesheets %}
    {{ parent() }}

    {# Render all <link> tags for the 'app' entry #}
    {{ encore_entry_link_tags('app') }}

    {# With extra attributes per call #}
    {{ encore_entry_link_tags('app', null, '_default', { media: 'print' }) }}

    {# From a non-default build #}
    {{ encore_entry_link_tags('dashboard', null, 'admin') }}
{% endblock %}
```

--------------------------------

### RenderAssetTagEvent

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

This event is dispatched for each `<script>` or `<link>` tag just before it is rendered. You can subscribe to this event to dynamically add, modify, or remove attributes, such as injecting a Content Security Policy nonce.

```APIDOC
## Event — `RenderAssetTagEvent`

Dispatched once per `<script>` or `<link>` tag just before it is rendered. Subscribe to this event to add, modify, or remove attributes dynamically (e.g., inject a Content Security Policy nonce).

```php
// src/EventSubscriber/CspNonceSubscriber.php
namespace App\EventSubscriber;

use Symfony\Component\EventDispatcher\EventSubscriberInterface;
use Symfony\WebpackEncoreBundle\Event\RenderAssetTagEvent;

class CspNonceSubscriber implements EventSubscriberInterface
{
    public function __construct(private string $nonce) {}

    public static function getSubscribedEvents(): array
    {
        return [RenderAssetTagEvent::class => 'onRenderAssetTag'];
    }

    public function onRenderAssetTag(RenderAssetTagEvent $event): void
    {
        if ($event->isScriptTag()) {
            // Add a CSP nonce to every <script> tag
            $event->setAttribute('nonce', $this->nonce);
        }

        if ($event->isLinkTag()) {
            // Remove defer from stylesheet tags if accidentally inherited
            $event->removeAttribute('defer');
        }

        // Inspect the current URL being rendered
        $url = $event->getUrl();    // e.g. '/build/app.js'

        // Read all current attributes
        $attrs = $event->getAttributes();
        // => ['src' => '/build/app.js', 'defer' => true]

        // Setting a boolean attribute renders without a value: <script defer ...>
        $event->setAttribute('defer', true);

        // Remove an attribute entirely
        // $event->removeAttribute('crossorigin');
    }
}
```
```

--------------------------------

### Adding Custom Attributes via Event Subscriber

Source: https://github.com/symfony/webpack-encore-bundle/blob/2.x/doc/index.rst

Listen to the `RenderAssetTagEvent` to dynamically add custom attributes like 'nonce' to script or link tags. This allows for fine-grained control over asset rendering based on application logic.

```php
namespace App\EventSubscriber;

use Symfony\Component\EventDispatcher\EventSubscriberInterface;
use Symfony\WebpackEncoreBundle\Event\RenderAssetTagEvent;

class ScriptNonceSubscriber implements EventSubscriberInterface
{
    public static function getSubscribedEvents()
    {
        return [
            RenderAssetTagEvent::class => 'onRenderAssetTag'
        ];
    }

    public function onRenderAssetTag(RenderAssetTagEvent $event)
    {
        if ($event->isScriptTag()) {
            $event->setAttribute('nonce', 'lookup nonce');
        }
    }
}
```

--------------------------------

### Resetting Entrypoint Cache in Controller

Source: https://github.com/symfony/webpack-encore-bundle/blob/2.x/doc/index.rst

Call `reset()` on the `EntrypointLookupInterface` before rendering to ensure assets are re-rendered if needed within a single request. This is useful when generating multiple PDFs or similar outputs in one go.

```php
use Symfony\WebpackEncoreBundle\Asset\EntrypointLookupInterface;

class SomeController
{
    public function index(EntrypointLookupInterface $entrypointLookup)
    {
        $entrypointLookup->reset();
        // render a template

        $entrypointLookup->reset();
        // render another template

        // ...
    }
}
```

--------------------------------

### Use Remote Entrypoints in Twig Templates

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

When using remote entry points (e.g., from a CDN), specify the build name (e.g., 'cdn') in your Twig template calls to `encore_entry_script_tags` and `encore_entry_link_tags`.

```twig
{# Use the CDN build in templates #}
{{ encore_entry_script_tags('app', null, 'cdn') }}
{{ encore_entry_link_tags('app', null, 'cdn') }}
```

--------------------------------

### encore_entry_exists()

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

Checks whether a named entry exists in `entrypoints.json`. This is useful for conditionally including assets only when the entry has been built, which is helpful in page-specific layouts.

```APIDOC
## Twig Function — `encore_entry_exists()`

Checks whether a named entry exists in `entrypoints.json`. Use this to conditionally include assets only when the entry has been built (useful in page-specific layouts).

```twig
{% if encore_entry_exists('checkout') %}
    {{ encore_entry_script_tags('checkout') }}
    {{ encore_entry_link_tags('checkout') }}
{% endif %}

{# Also works with a specific build #}
{% if encore_entry_exists('analytics', 'frontend') %}
    {{ encore_entry_script_tags('analytics', null, 'frontend') }}
{% endif %}
```
```

--------------------------------

### Conditionally Include Assets with encore_entry_exists()

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

Check if a named entry exists in `entrypoints.json` using `encore_entry_exists()`. This is helpful for including assets only when an entry has been built, suitable for page-specific layouts.

```twig
{% if encore_entry_exists('checkout') %}
    {{ encore_entry_script_tags('checkout') }}
    {{ encore_entry_link_tags('checkout') }}
{% endif %}

{# Also works with a specific build #}
{% if encore_entry_exists('analytics', 'frontend') %}
    {{ encore_entry_script_tags('analytics', null, 'frontend') }}
{% endif %}
```

--------------------------------

### Render Script and Link Tags with TagRenderer

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

Use the TagRenderer service to generate HTML script and link tags for Webpack assets. You can specify build names and add extra attributes to the tags. This service also tracks rendered files to avoid duplicates.

```php
namespace App\Controller;

use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
use Symfony\Component\HttpFoundation\Response;
use Symfony\WebpackEncoreBundle\Asset\TagRenderer;

class PageController extends AbstractController
{
    public function index(TagRenderer $tagRenderer): Response
    {
        // Render tags with inline extra attributes
        $scriptHtml = $tagRenderer->renderWebpackScriptTags(
            'app',
            null,             // Symfony asset package name (null = default)
            '_default',       // build name
            ['data-controller' => 'app']   // extra attributes
        );
        // => '<script src="/build/runtime.js" defer data-controller="app"></script>
        //     <script src="/build/app.js" defer data-controller="app"></script>'

        $linkHtml = $tagRenderer->renderWebpackLinkTags('app');
        // => '<link rel="stylesheet" href="/build/app.css">'

        // Inspect what was already rendered (e.g., to build preload lists)
        $renderedScripts = $tagRenderer->getRenderedScripts();
        // => ['/build/runtime.js', '/build/app.js']

        $renderedStyles = $tagRenderer->getRenderedStyles();
        // => ['/build/app.css']

        // Get rendered scripts including all attributes
        $scriptsWithAttrs = $tagRenderer->getRenderedScripts(includeAttributes: true);
        // => [['src' => '/build/runtime.js', 'defer' => true, 'data-controller' => 'app'], ...]

        return $this->render('page/index.html.twig', [
            'scriptTags' => $scriptHtml,
            'linkTags'   => $linkHtml,
        ]);
    }
}
```

--------------------------------

### TagRenderer Service

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

The TagRenderer service provides low-level control for rendering `<script>` and `<link>` HTML tags for your webpack assets. It also tracks which files have already been rendered during a request.

```APIDOC
## PHP API — `TagRenderer`

Low-level service that renders `<script>` and `<link>` HTML strings and tracks which files have already been rendered in the current request.

```php
// src/Controller/PageController.php
namespace App\Controller;

use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
use Symfony\Component\HttpFoundation\Response;
use Symfony\WebpackEncoreBundle\Asset\TagRenderer;

class PageController extends AbstractController
{
    public function index(TagRenderer $tagRenderer): Response
    {
        // Render tags with inline extra attributes
        $scriptHtml = $tagRenderer->renderWebpackScriptTags(
            'app',
            null,             // Symfony asset package name (null = default)
            '_default',       // build name
            ['data-controller' => 'app']   // extra attributes
        );
        // => '<script src="/build/runtime.js" defer data-controller="app"></script>
        //     <script src="/build/app.js" defer data-controller="app"></script>'

        $linkHtml = $tagRenderer->renderWebpackLinkTags('app');
        // => '<link rel="stylesheet" href="/build/app.css">'

        // Inspect what was already rendered (e.g., to build preload lists)
        $renderedScripts = $tagRenderer->getRenderedScripts();
        // => ['/build/runtime.js', '/build/app.js']

        $renderedStyles = $tagRenderer->getRenderedStyles();
        // => ['/build/app.css']

        // Get rendered scripts including all attributes
        $scriptsWithAttrs = $tagRenderer->getRenderedScripts(includeAttributes: true);
        // => [['src' => '/build/runtime.js', 'defer' => true, 'data-controller' => 'app'], ...]

        return $this->render('page/index.html.twig', [
            'scriptTags' => $scriptHtml,
            'linkTags'   => $linkHtml,
        ]);
    }
}
```
```

--------------------------------

### Render JavaScript Entry Tags in Twig

Source: https://github.com/symfony/webpack-encore-bundle/blob/2.x/doc/index.rst

Use the encore_entry_script_tags() Twig function to render all necessary script tags for a given entry. Supports custom attributes.

```twig
{# any template or base layout where you need to include a JavaScript entry #}

{% block javascripts %}
    {{ parent() }}

    {{ encore_entry_script_tags('entry1') }}

    {# or render a custom attribute #}
    {#
    {{ encore_entry_script_tags('entry1', attributes={
        defer: true
    }) }}
    #}
{% endblock %}

```

--------------------------------

### Modify Asset Tags with RenderAssetTagEvent

Source: https://context7.com/symfony/webpack-encore-bundle/llms.txt

Subscribe to the RenderAssetTagEvent to dynamically add, modify, or remove attributes from script and link tags before they are rendered. This is useful for tasks like injecting CSP nonces or correcting inherited attributes.

```php
namespace App\EventSubscriber;

use Symfony\Component\EventDispatcher\EventSubscriberInterface;
use Symfony\WebpackEncoreBundle\Event\RenderAssetTagEvent;

class CspNonceSubscriber implements EventSubscriberInterface
{
    public function __construct(private string $nonce) {}

    public static function getSubscribedEvents(): array
    {
        return [RenderAssetTagEvent::class => 'onRenderAssetTag'];
    }

    public function onRenderAssetTag(RenderAssetTagEvent $event): void
    {
        if ($event->isScriptTag()) {
            // Add a CSP nonce to every <script> tag
            $event->setAttribute('nonce', $this->nonce);
        }

        if ($event->isLinkTag()) {
            // Remove defer from stylesheet tags if accidentally inherited
            $event->removeAttribute('defer');
        }

        // Inspect the current URL being rendered
        $url = $event->getUrl();    // e.g. '/build/app.js'

        // Read all current attributes
        $attrs = $event->getAttributes();
        // => ['src' => '/build/app.js', 'defer' => true]

        // Setting a boolean attribute renders without a value: <script defer ...>
        $event->setAttribute('defer', true);

        // Remove an attribute entirely
        // $event->removeAttribute('crossorigin');
    }
}
```

--------------------------------

### Enable Split Entry Chunks in Webpack Encore

Source: https://github.com/symfony/webpack-encore-bundle/blob/2.x/doc/index.rst

Manually enable the splitEntryChunks() feature in your webpack.config.js file. This is enabled by default with Symfony Flex.

```diff
// webpack.config.js
// ...
    .setOutputPath('public/build/')
    .setPublicPath('/build')
    .setManifestKeyPrefix('build/')
    .addEntry('entry1', './assets/some_file.js')

+   .splitEntryChunks()
// ...

```

--------------------------------

### Render CSS Link Tags in Twig

Source: https://github.com/symfony/webpack-encore-bundle/blob/2.x/doc/index.rst

Use the encore_entry_link_tags() Twig function to render all necessary link tags for a given entry.

```twig
{# any template or base layout where you need to include a JavaScript entry #}

{% block javascripts %}
    {{ parent() }}

    {{ encore_entry_script_tags('entry1') }}

    {# or render a custom attribute #}
    {#
    {{ encore_entry_script_tags('entry1', attributes={
        defer: true
    }) }}
    #}
{% endblock %}

{% block stylesheets %}
    {{ parent() }}

    {{ encore_entry_link_tags('entry1') }}
{% endblock %}

```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.