becklyn / assets-bundle
High-performance asset handling for symfony projects.
Installs: 13 377
Dependents: 2
Suggesters: 1
Security: 0
Stars: 6
Watchers: 4
Forks: 3
Open Issues: 0
Type:symfony-bundle
Requires
- php: >=7.4
- ext-json: *
- becklyn/html-builder: ^2.2.1
- psr/cache: ^1.0.1 || ^2.0.0 || ^3.0.0
- symfony/cache-contracts: ^2.5.0 || ^3.0.0
- symfony/config: ^5.4.3 || ^6.0.3
- symfony/console: ^5.4.3 || ^6.0.3
- symfony/dependency-injection: ^5.4.3 || ^6.0.3
- symfony/filesystem: ^5.4.3 || ^6.0.3
- symfony/finder: ^5.4.3 || ^6.0.3
- symfony/http-kernel: ^5.4.4 || ^6.0.4
- symfony/mime: ^5.4.3 || ^6.0.3
- symfony/process: ^5.4.3 || ^6.0.3
- symfony/routing: ^5.4.3 || ^6.0.3
- symfony/service-contracts: ^2.5.0 || ^3.0.0
- twig/twig: ^3.3.8
Requires (Dev)
- dms/phpunit-arraysubset-asserts: ^0.4.0
- symfony/phpunit-bridge: ^v5.4.3 || ^v6.0.3
Conflicts
README
High-performance asset handling for symfony projects.
This bundle is a simplified and specialized replacement for symfony/asset
.
Installation
composer require "becklyn/assets-bundle"
and then add the bundle in your AppKernel
/ bundles.php
.
Load the routes (preferably only in dev
):
becklyn_assets: resource: "@BecklynAssetsBundle/Resources/config/routes.yaml" prefix: /
To use the static compression of assets, install zopfli
or gzip
.
apt install zopfli
# or
brew install zopfli
Info / Purpose
This bundle aims to provide a way to transparently handle long-term caching of assets.
All assets in your entry points are copied (and possibly transformed) to public/assets/
and the file names modified, so that they contain the content hash of the given file.
It also provides Twig functions to use these translated paths transparently in a symfony application.
In Twig the original filename is given to the asset*
function and it automatically generates the HTML reference for the hashed file name.
Warning: the directory public/assets/
is completely cleared on cache clear, so it should exclusively be managed by this bundle.
All requests to the assets/
directory can be cached for a long time, like with a expiry date in the far future or even immutable
headers.
Usage
The asset generation and preparation is done automatically. The assets are pregenerated on cache clear + warmup or on-the-fly generated if encountered with an empty cache.
In the configuration a mapping of namespaces to directories is defined. These namespaces are then used to retrieve paths to these files by using the @{namespace}/{path}
syntax:
becklyn_assets: entries: bundles: "public/bundles"
In Twig, the following functions can be used:
{# automatically generates the <script></script> tags #} {{ assets_js([ "@bundles/app/js/bootstrap.js", "@bundles/app/js/app.js", ]) }} {# automatically generates the <link> tags #} {{ assets_js([ "@bundles/app/css/bootstrap.css", "@bundles/app/css/app.css", ]) }} {# just returns the URL #} <img src="{{ asset("@bundles/app/img/logo.svg") }}" alt="Company Logo">
Asset Processing
Currently only one asset processor is included in the bundle. Asset processors are chosen by file extension and are supposed to transform the given file content.
They are not supposed to alter the file in terms of minification, but to adjust import paths (like url(...)
in CSS) to the new paths.
Currently registered processors:
Warning:
The asset processors are using the paths from the AssetCache
. This implies a race condition, as the processor can only rewrite paths of files that were already added to the cache. So files with a processor are deferred and only processed after all other files are finished (at least if the command / cache warmer is used). There still can be race conditions, if files with processors depend on each other.
Configuration
All configuration values with their description and defaults:
becklyn_assets: # the entry points. Maps the namespace to the directory (relative to `%kernel.project_dir%`) # -> is required entries: bundles: "public/bundles" app: "assets" # the absolute path to the `public/` (or `web/`) directory public_path: '%kernel.project_dir%/public' # relative path to the directory, where the assets are copied to (relative to `public_path`) output_dir: 'assets' # allow crossorigin assets e.g needed for basic auth if using safari browser allow_cors: true
Commands
becklyn:assets:reset
The bundle provides a command to clear and warmup the cache:
# clear + warmup php bin/console becklyn:assets:reset # only clear php bin/console becklyn:assets:reset --no-warmup
Normally these commands are not required, as the bundle automatically registers as cache clearer and cache warmer.
becklyn:assets:namespaces
This command prints an overview over all registered namespaces. This is especially useful if you register paths programmatically outside of your configuration.
nginx Integration
Your project can cache the dumped assets indefinitely, as the file names are derived from the content.
location /assets { add_header Cache-Control "public, max-age=31536000, immutable"; add_header Vary "Accept-Encoding"; log_not_found off; # only activate if it is supported gzip_static on; # be sure to add all security headers (like X-Frame-Options and HSTS or X-Content-Type-Options here as well) }