1. Author: Brice Caron
Magento workflow Optimisation
Creating script and setting up tools to
optimise Magento workflow
1

2. What the script should do
Create project folder
Copy Magento base files
Creating Vhost
Modifying /etc/hosts
Create Git repository and first commit
Creating project database
Creating project’s package folders (in skin and media)
Creating subfolders for preprocessors
Creating of Package.json to prepare preprocessors installation
Creating Gruntfile.js to prepare automation
Instalation of Node.js / Grunt /Grunt’s dépendencies
Create a custom .gitignore with all dev structure ignored
2

3. Outil d’automatisation des tâches
3

4. What Grunt can do for us
Optimization
Automation
Images
In this project, we will use optimization
functionality combined with automation
faculty to fluidize code flow
CSS
4

5. Grunt modules we will use
Automation
Watch
grunt-contrib-watch allow us to look for
modifications in files or type of files and
trigger actions.
5

6. ARCHITECTURE DES DOSSIERS SKIN ET MEDIA
Magento base structure
/
skin
media
Added structure
frontend
cust…
dhl
down… theme… xml
project
wysiwyg
css
js
images
project
wysiwyg
IMAGEMIN
js
AUTOPREFIXER
WATCH
images
css
WATCH
default
app
project
IMAGEMIN
app
6