Grunt în Magento 2: instalare, configurare și utilizare

Grunt este un task runner JavaScript care automatizează sarcini repetitive (compilare LESS, minificare, watch). În Magento 2 este util pentru dezvoltarea temelor în modul de compilare server-side.

Instalare

npm install -g grunt-cli
cd <magento_root>
cp Gruntfile.js.sample Gruntfile.js
cp package.json.sample package.json
npm install

Înregistrarea temei

Adaugă tema în dev/tools/grunt/configs/themes.js, la module.exports:

<theme>: {
    area: 'frontend',
    name: '<Vendor>/<theme>',
    locale: 'en_US',
    files: ['css/styles-m', 'css/styles-l'],
    dsl: 'less'
}

Comenzi utile

grunt clean:<theme>    # șterge fișierele statice ale temei
grunt exec:<theme>     # republică symlink-urile fișierelor sursă
grunt less:<theme>     # compilează CSS din LESS
grunt watch            # urmărește modificările și recompilează automat (LiveReload)

După modificarea unui fișier LESS, cu grunt watch activ, reîncarcă pagina pentru a vedea schimbările.