Path
Search!
Find the Exponential Software extensions you want
SemaMinifierBundle
| UNIX name | Owner | Status |
|---|---|---|
| SemaMinifierBundle | 7x | stable |
| Version | Compatible with |
|---|---|
| N/A | N/A |
SemaMinifierBundle
This Symfony2 bundle allows you to minify html code, combine and minify JavaScript files and CSS files without Java VM.
Installation
Install using composer.json
If you are using composer to manage your project, just add the following
line to your composer.json file
{
"require": {
"sema/minifier-bundle": "dev-master"
}
}
Then update the vendor libraries:
composer.phar update
# OR
composer.phar update sema/minifier-bundle # to only update the bundle
Register the bundle
You must register the bundle in your kernel:
// app/AppKernel.php
public function registerBundles()
{
$bundles = array(
// ...
new Sema\Bundle\MinifierBundle\SemaMinifierBundle(),
);
// ...
}Use
===
You have two options for minify html:
- onKernelResponse listener
- Twig Extension
Enable minify html using onKernelResponse listener
You need add follow lines in config.yml
#app/config.yml
sema_minifier:
enable_listener: true
All responses will be minified
Enable minify html using Twig Extension
You need modify base template (base.html.twig or layout.html.twig or something else), add {% minifyhtml %} to the top of the file and {% endminifyhtml %} to the bottom of the file.
You need get something like this
#base.html.twig
{% minifyhtml %}
{% block title %}Welcome!{% endblock %}
{% block stylesheets %}{% endblock %}
{% block body %}{% endblock %}
{% block javascripts %}{% endblock %}
{% endminifyhtml %}
Use combine and minify js or css files
The configuration file is a JSON file that describes all the rules for combining static files. Each group is assigned a file name to which we refer in the templates. This allows you to not get attached to the physical location of the file, which can be handy when you change the file structure. Below is a sample configuration file assets.json
{
"css": {
"main": {
"output": "assets/css/dist/main.min.css",
"input": [
"bundles/framework/css/structure.css",
"bundles/framework/css/body.css"
]
}
},
"js": {
"vendor": {
"output": "assets/js/dist/vendor.min.js",
"input": [
"assets/libs/jquery/dist/jquery.js"
]
},
"html5shiv": {
"output": "assets/js/dist/html5shiv.min.js",
"input": "assets/libs/html5shiv/dist/html5shiv.js"
},
"form": {
"output": "assets/js/dist/form.min.js",
"input": [
"assets/libs/parsleyjs/dist/parsley.js",
"assets/libs/jquery-ui/jquery-ui.js",
"assets/js/form.js"
]
}
}
}
Depending on the debug mode expansion will transmit a pattern or an array of source files, or an array of processed files. Here is an example template:
{% block title %}Welcome!{% endblock %}
{% block stylesheets %}
{% for url in assets.css['main'] %}
{% endfor %}
{% endblock %}
{% block body %}{% endblock %}
{% block javascripts %}
{% for url in assets.js['vendor'] %}
{% endfor %}
{% endblock %}