One of the first issues a developer runs into when dealing with ZF2 modules is how to arrange assets between modules. This presentation covers such issue. More can be found on this blog post: http://www.mvassociati.it/en/gems/php/asset-management-zend-framework-2

1. ZF2 Asset management
with AssetManager module
http://www.mvassociati.it/en/gems/php/asset-management-zend-framework-2

2. MODULE’S ASSETS:
IMAGES/JS/CSS
http://www.flickr.com/photos/tracyleephoto/8322509672

3. Shared between modules
Like javascript libraries, logos, buttons,
CSS scripts and snippets, etc.
3

4. Shared between modules
Like javascript libraries, logos, buttons,
CSS scripts and snippets, etc.
Where should they be placed?
4

5. Shared between modules
Like javascript libraries, logos, buttons,
CSS scripts and snippets, etc.
Where should they be placed?
Inside project /public folder?
There is a better way…
5

6. Exclusive of a module
Like javascript libraries, images and
CSS files that are needed by a single
module only
6

7. Exclusive of a module
Like javascript libraries, images and
CSS files that are needed by a single
module only
Where should they be placed?
7

8. Exclusive of a module
Like javascript libraries, images and
CSS files that are needed by a single
module only
Where should they be placed?
Inside that module!
8

9. Possible approaches
• Copy & paste of each file inside project
/public folder?
• Use symlinks?
• Tune apache to "look" the files inside
each module?
9

10. The way to go: AssetManager
10

11. AssetManager
module Resolvers
Assets
Asset Filters
Manager
Cache
11

12. AssetManager
module Resolvers
Assets
Asset
Manager
Resolvers:
allowing to define asset naming and locations
12

13. AssetManager
module Resolvers
Assets
Asset Filters
Manager
Filters:
allowing to make some processing
before serving assets
13

14. AssetManager
module Resolvers
Assets
Asset Filters
Manager
Cache:
allowing to choose Cache
caching policy
14

15. Where to put module assets?
all module’s
assets
15

16. module.config.php
return array(
'asset_manager' => array(
'resolver_configs' => array(
'paths' => array(
__DIR__ . '/../assets',
),
),),), ...

17. module.config.php
return array(
'asset_manager' => array(
'resolver_configs' => array(
'paths' => array(
__DIR__ . '/../assets',
),
),),), ...
layout.php
echo $this->headLink()
->prependStylesheet($this->basePath() .
'/css/aCssFile.css');

18. module.config.php
return array(
'asset_manager' => array(
'resolver_configs' => array(
'map' => array(
'css/main.css' => __DIR__.'/../assets/css/main.css',
'css/custom1.css' => __DIR__.'/../assets/css/custom1.css',
),
'collections' => array(
'css/merge.css' => array( 'css/main.css','css/custom1.css',
),),),),), ...

19. module.config.php
return array(
'asset_manager' => array(
'resolver_configs' => array(
'map' => array(
'css/main.css' => __DIR__.'/../assets/css/main.css',
'css/custom1.css' => __DIR__.'/../assets/css/custom1.css',
),
'collections' => array(
'css/merge.css' => array( 'css/main.css','css/custom1.css',
),),),),), ...
layout.php
echo $this->headLink()
->prependStylesheet($this->basePath() .
'/css/merge.css');

20. Stefano Valle
@stefanovalle
s.valle@mvassociati.it