@@ -18,7 +18,7 @@ some scenarios:
1818* If you want to simplify application deployment.
1919
2020In this article, you'll learn how to combine and minimize CSS and JavaScript files
21- and how to compile Sass files using PHP only libraries with Assetic.
21+ and how to compile Sass files using PHP- only libraries with Assetic.
2222
2323Installing the Third-Party Compression Libraries
2424------------------------------------------------
@@ -39,10 +39,9 @@ dependency because the most recent stable version is not compatible with Assetic
3939Organizing your Web Asset Files
4040-------------------------------
4141
42- This example shows the common scenario of using the Bootstrap framework, the
43- jQuery library, the FontAwesome icon fonts and some regular CSS and JavaScript
44- application files (called ``main.css `` and ``main.js ``). The recommended directory
45- structure for this set-up is the following:
42+ This example will include a setup using the Bootstrap CSS framework, jQuery, FontAwesome
43+ and some regular CSS and and JavaScript application files (called ``main.css `` and
44+ ``main.js ``). The recommended directory structure for this set-up looks like this:
4645
4746.. code-block :: text
4847
@@ -74,7 +73,7 @@ structure for this set-up is the following:
7473 Combining and Minimizing CSS Files and Compiling SCSS Files
7574-----------------------------------------------------------
7675
77- First, configure a new ``scssphp `` Assetic filter as follows :
76+ First, configure a new ``scssphp `` Assetic filter:
7877
7978.. configuration-block ::
8079
@@ -114,11 +113,10 @@ First, configure a new ``scssphp`` Assetic filter as follows:
114113
115114 The value of the ``formatter `` option is the fully qualified class name of the
116115formatter used by the filter to produce the compiled CSS file. Using the
117- compressed formatter allows to minimize the resulting file, no matter if the
118- original files are regular CSS files or SCSS files.
116+ compressed formatter will minimize the the resulting file, regardless of whether
117+ the original files are regular CSS files or SCSS files.
119118
120- Then, update the code of your Twig template to add the ``{% stylesheets %} `` tag
121- defined by Assetic:
119+ Next, your Twig template to add the ``{% stylesheets %} `` tag defined by Assetic:
122120
123121.. code-block :: html+jinja
124122
@@ -178,7 +176,7 @@ First, configure a new ``jsqueeze`` Assetic filter as follows:
178176 ),
179177 ));
180178
181- Then , update the code of your Twig template to add the ``{% javascripts %} `` tag
179+ Next , update the code of your Twig template to add the ``{% javascripts %} `` tag
182180defined by Assetic:
183181
184182.. code-block :: html+jinja
@@ -200,6 +198,6 @@ This simple configuration combines all the JavaScript files, minimizes the conte
200198and saves the output in the ``web/js/app.js `` file, which is the one that is
201199served to your visitors.
202200
203- The leading ``? `` character in the ``jsqueeze `` filter name indicates that it must
204- be applied only when the ``debug `` mode is disabled in the application, which
205- usually occurs in the production environment.
201+ The leading ``? `` character in the ``jsqueeze `` filter name tells Assetic to only
202+ apply the filter when * not * in ``debug `` mode. In practice, this means that you'll
203+ see unminified files while developing and minimized files in the `` prod `` environment.
0 commit comments