Download the PHP package cundd/assetic without Composer
On this page you can find all versions of the php package cundd/assetic. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download cundd/assetic
More information about cundd/assetic
Files in cundd/assetic
Package assetic
Short Description Assetic for TYPO3 CMS
License MIT
Homepage https://github.com/cundd/CunddAssetic
Informations about the package assetic
Cundd Assetic
Integrate the Assetic asset management framework into your TYPO3 CMS installation.
Installation
composer require cundd/assetic- Load the Site Set into the TYPO3 Site
- Configure the assets you want to be loaded
- Include the plugin the
page.headerData
Usage
Basic
Multiple assets
With SASS
If your web server and web user are configured to be able to use the sass command line tool, from within your TYPO3 installation, you could use the following:
With other CSS preprocessors
Analog you can use other CSS preprocessors. The Assetic Github Page provides a (incomplete) list of all filters provided by the installed Assetic version.
Development mode
To make sure that the assets are compiled each time the frontend page is refreshed, you can enable the development mode:
plugin.tx_assetic {
development = 1
}
By default Cundd Assetic is configured not to compile files if NO backend user is logged in. To allow file compilation without a logged in backend user you can change the allowDeveloperFeaturesWithoutLogin configuration in Site Settings.
Advanced
Configure a filter
Some filters allow further customization. The Sass filter e.g. provides the method addImportPath which allows you to add another path to look for imported Sass files. Cundd Assetic provides an interface to invoke such functions.
If you want to invoke a method multiple times you can just add a numeric prefix to the function name:
Development flags
To apply functions only in development mode, entries can be added with key developmentFunctions:
Configure the filter binary paths
In some cases you may have to specify the path to a CSS preprocessor to match your system's configuration. This can be done through the filterBinaries configuration.
The configuration keys are determined by replacing \ with _ and converting
the string to lowercase:
Command line
Assetic provides three different CLI commands.
assetic:compile
Compiles the assets and exit.
assetic:watch
Watches for file changes in EXT:client and re-compiles the assets if needed.
assetic:livereload
Starts a LiveReload compatible server that watches for file changes in EXT:client and re-compiles the assets if needed. The necessary JavaScript can be loaded be enabling addJavascript in Site Settings.
LiveReload
Setup
To start the LiveReload server the PHP library "Ratchet" must be installed. For example as a development dependency:
LiveReload & CSP
To use LiveReload with CSP enabled add wss://your-domain.tld:35729/livereload to connect-src in the site's CSP configuration file (config/sites/your-site/csp.yaml).
See the TYPO3 documentation for further details.
Example
Additional tools
Standalone auto-refresh tool
Cundd Assetic provides a JavaScript tool that checks the CSS and JavaScript assets on the page for changes and automatically reloads them. For more information and usage visit /Resources/Public/JavaScript.
Sponsored by
All versions of assetic with dependencies
ext-ctype Version *
typo3/cms-core Version ^12.4.6 || ^13.4.0 || ^14.3.0
cundd/assetic_additions Version ^2.0.0
assetic/framework Version ^3.1.2
