Grunt

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

description

 

Transcript of Grunt

Page 1: Grunt

1

Magento workflow Optimisation

Creating script and setting up tools to optimise Magento workflow

Author: Brice Caron

Page 2: Grunt

2

What the script should do

Create project folderCopy Magento base files

Creating Vhost

Modifying /etc/hosts

Create Git repository and first commit

Creating subfolders for preprocessorsCreating project’s package folders (in skin and media)

Creating of Package.json to prepare preprocessors installation

Instalation of Node.js / Grunt /Grunt’s dépendenciesCreating Gruntfile.js to prepare automation

Create a custom .gitignore with all dev structure ignored

Creating project database

Page 3: Grunt

3

Outil d’automatisation des tâches

Page 4: Grunt

4

What Grunt can do for us

Optimization

CSS

Images

Automation

In this project, we will use optimizationfunctionality combined with automationfaculty to fluidize code flow

Page 5: Grunt

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.

Page 6: Grunt

6

frontend

skin

/

media

cust… dhl down… theme… xml

app wysiwyg project

project wysiwyg

project

default

app css js images

images js css

AUTO

PREF

IXER

IMAG

EMIN

IMAG

EMIN

WAT

CH

WAT

CHARCHITECTURE DES DOSSIERS SKIN ET MEDIA

Mag

ento

bas

e st

ruct

ure

Adde

d st

ruct

ure