Gulp para magento 2

1. Clone os arquivos do repositório

git clone https://github.com/vinidziuba/gulp-magento2.git

2. Instalação de arquivos no projeto magento 2

• Mova o arquivo gulpfile.js na pasta raiz do projeto.

• Substitua o arquivo package.json na raiz do projeto pelo do repositório.

• Mova a pasta gulp para dentro de dev/tools.

• Dentro da pasta do projeto rode o comando npm install .

• Rode o comando gulp -v
  

  Retorno :
  CLI version: 2.2.0
Local version: 4.0.2

3. Configuração de arquivos do gulp

• Em app/dev/tools/gulp/configs/themes.js coloque as informações necessarias do seu tema:

  Por exemplo :

module.exports = {
  "Hibrido": {
    "locale": "pt_BR",
    "lang": "less",
    "area": "frontend",
    "vendor": "Hibrido",
    "name": "default",
    "files": [
      "css/styles-m",
      "css/styles-l"
    ]
  }
};

• Em seguida vá em app/dev/tools/gulp/browser-sync.js e altere conforme o seu projeto esta configurado no seu servidor local com o apache2, nginx, entre outros . Por Exemplo:

module.exports = {
    proxy: "magento2.localhost"
}

• Agora rode o seguinte comando

bin/magento dev:source-theme:deploy --theme [Vendor/first theme] --locale [ex:en_US]

Exemplo: bin/magento dev:source-theme:deploy --theme Hibrido/default --locale pt_BR

4 Execute o gulp

• Execute o comando gulp theme .

  Alguns comandos adicionais

  • gulp less [--Theme-name]
  • gulp watch [--Theme-name]
  • gulp deploy [--Theme-name]
  • gulp clean-cache [--Theme-name]
  • gulp clean-static [--Theme-name]
  • gulp browser-sync [--Theme-name]